body {font-family: 'Segoe UI', Arial, sans-serif; margin: 0; padding: 0; background: #f6f7fb; color: #222;}
        .container {max-width: 1100px; margin: 0 auto; background: #fff; box-shadow: 0 2px 16px rgba(0,0,0,0.08); padding: 30px 20px 40px 20px;}
        header {display: flex; align-items: center; gap: 15px; margin-bottom: 20px;}
        header img.logo {width: 48px; height: 48px;}
        h1 {font-size: 2.2rem; margin: 0 0 10px 0;}
        h2, h3, h4 {color: #007bff;}
        img.responsive {display: block; max-width: 100%; height: auto; margin: 0 auto 24px auto; border-radius: 12px;}
        .button {
            display: inline-block;
            padding: 14px 34px;
            background: linear-gradient(90deg,#007bff 0,#00c6ff 100%);
            color: #fff;
            font-size: 1.1rem;
            font-weight: bold;
            border-radius: 30px;
            text-decoration: none;
            margin: 24px 0 32px 0;
            box-shadow: 0 2px 8px rgba(0,123,255,0.10);
            transition: background .2s;
        }
        .button:hover {background: linear-gradient(90deg,#0056b3 0,#00a9d4 100%);}
        .alt-table {width: 100%; border-collapse: collapse; margin: 24px 0;}
        .alt-table th, .alt-table td {border: 1px solid #e3e3e3; padding: 10px 8px; text-align: left;}
        .alt-table th {background: #f1f7ff;}
        .badge {display: inline-block; padding: 2px 8px; border-radius: 6px; font-size: 0.95em; background: #e3f3ff; color: #007bff;}
        ul, ol {margin-top: 0;}
        .faq {background: #f5faff; border-radius: 10px; padding: 18px 20px; margin: 32px 0;}
        .faq h4 {margin-top: 0;}
        footer {background: #222; color: #fff; padding: 30px 0 20px 0; margin-top: 50px;}
        footer p {margin: 0 0 8px 0;}
        @media (max-width: 700px) {
            .container {padding: 10px;}
            h1 {font-size: 1.3rem;}
            .alt-table th, .alt-table td {font-size: 0.95em;}
        }