body { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; color: #333; max-width: 1000px; margin: 0 auto; padding: 20px; background-color: #f4f7f9; }
        .container { background: #fff; padding: 40px; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); }
        .badge { background: #e44d26; color: #fff; padding: 5px 12px; border-radius: 20px; font-size: 0.85em; font-weight: bold; }
        h1 { color: #003366; margin-top: 10px; font-size: 2.4em; }
        .sub-title { font-size: 1.2em; color: #666; margin-bottom: 25px; }
        .highlight-box { border: 2px solid #003366; padding: 20px; border-radius: 8px; margin: 25px 0; background: #f0f4f8; }
        .highlight-box h3 { margin-top: 0; color: #003366; }
        table { width: 100%; border-collapse: collapse; margin-top: 20px; }
        th, td { text-align: left; padding: 15px; border-bottom: 1px solid #eee; }
        th { color: #003366; background: #f9f9f9; width: 30%; }
        .benefit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 30px 0; }
        .benefit-card { padding: 15px; border: 1px solid #ddd; border-radius: 5px; }
        .benefit-card b { color: #003366; display: block; margin-bottom: 5px; }
        .faq-wrap { margin-top: 40px; border-top: 2px solid #003366; padding-top: 20px; }
        .faq-q { font-weight: bold; color: #003366; display: block; margin-top: 15px; }
        .faq-a { color: #555; font-size: 0.95em; }
        footer { text-align: center; padding: 30px; color: #888; font-size: 0.9em; }