:root {
    --mpt-primary: #0b57d0;
    --mpt-primary-dark: #073b8f;
    --mpt-purple: #6d28d9;
    --mpt-gold: #f59e0b;
    --mpt-success: #16a34a;
    --mpt-dark: #0f172a;
    --mpt-muted: #64748b;
    --mpt-border: #dbe5f2;
    --mpt-soft: #f5f8ff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    color: var(--mpt-dark);
    background: #f7f9fd;
}

.mpt-nav {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--mpt-border);
}
.mpt-nav-inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}
.mpt-brand { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--mpt-dark); font-weight:900; }
.mpt-brand img { width:44px; height:44px; object-fit:contain; }
.mpt-nav-actions { display:flex; gap:8px; align-items:center; }
.mpt-nav-link { color:var(--mpt-primary); text-decoration:none; font-weight:800; padding:9px 12px; }

.mpt-hero {
    color: #fff;
    background:
        radial-gradient(circle at 15% 20%, rgba(255,255,255,.18), transparent 23%),
        radial-gradient(circle at 90% 10%, rgba(245,158,11,.25), transparent 23%),
        linear-gradient(135deg, #082b63 0%, #0b57d0 52%, #6d28d9 100%);
    padding: 64px 18px 54px;
}
.mpt-container { max-width:1180px; margin:0 auto; }
.mpt-hero-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:34px; align-items:center; }
.mpt-kicker {
    display:inline-flex; align-items:center; gap:8px; padding:8px 13px; border-radius:999px;
    background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.24); font-weight:800; font-size:.86rem;
}
.mpt-title { margin:18px 0 12px; font-size:clamp(2.15rem, 5vw, 4.25rem); line-height:1.02; font-weight:950; letter-spacing:-.045em; }
.mpt-title span { color:#fde68a; }
.mpt-subtitle { max-width:720px; color:rgba(255,255,255,.9); font-size:1.08rem; line-height:1.75; margin:0 0 24px; }
.mpt-hero-points { display:flex; flex-wrap:wrap; gap:9px; margin:0 0 24px; }
.mpt-chip { background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2); padding:8px 11px; border-radius:999px; font-weight:750; font-size:.84rem; }
.mpt-cta-row { display:flex; gap:11px; flex-wrap:wrap; }
.mpt-btn { border:0; border-radius:13px; padding:13px 18px; font-weight:900; text-decoration:none; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:8px; transition:.18s ease; }
.mpt-btn:hover { transform:translateY(-2px); }
.mpt-btn-main { background:#fff; color:var(--mpt-primary-dark); box-shadow:0 16px 34px rgba(0,0,0,.18); }
.mpt-btn-alt { color:#fff; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.28); }

.mpt-offer-card {
    position:relative; overflow:hidden; background:#fff; color:var(--mpt-dark); border-radius:26px; padding:26px;
    box-shadow:0 28px 75px rgba(0,0,0,.26); border:1px solid rgba(255,255,255,.7);
}
.mpt-offer-card::before { content:""; position:absolute; inset:0 0 auto; height:6px; background:linear-gradient(90deg,#f59e0b,#facc15,#22c55e); }
.mpt-badge { display:inline-block; background:#fff7ed; color:#9a3412; border:1px solid #fed7aa; padding:7px 11px; border-radius:999px; font-weight:900; font-size:.78rem; }
.mpt-offer-title { font-size:1.5rem; font-weight:950; margin:14px 0 6px; }
.mpt-offer-desc { color:var(--mpt-muted); line-height:1.6; }
.mpt-price { display:flex; align-items:end; gap:10px; margin:18px 0; }
.mpt-price strong { font-size:2.45rem; line-height:1; color:var(--mpt-primary); }
.mpt-price del { color:#94a3b8; font-weight:700; }
.mpt-offer-list { list-style:none; margin:0 0 20px; padding:0; display:grid; gap:10px; }
.mpt-offer-list li { display:flex; gap:9px; align-items:flex-start; font-weight:700; color:#334155; }
.mpt-offer-list i { color:var(--mpt-success); margin-top:3px; }
.mpt-card-btn { width:100%; background:linear-gradient(135deg,var(--mpt-primary),var(--mpt-purple)); color:#fff; font-size:1rem; }
.mpt-login-note { text-align:center; margin-top:10px; color:var(--mpt-muted); font-size:.82rem; }

.mpt-section { padding:58px 18px; }
.mpt-section-white { background:#fff; }
.mpt-section-heading { max-width:760px; margin:0 auto 30px; text-align:center; }
.mpt-section-heading h2 { margin:0 0 9px; font-size:clamp(1.7rem, 3vw, 2.45rem); font-weight:950; letter-spacing:-.025em; }
.mpt-section-heading p { margin:0; color:var(--mpt-muted); line-height:1.7; }
.mpt-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.mpt-stat { background:#fff; border:1px solid var(--mpt-border); border-radius:20px; padding:21px 18px; text-align:center; box-shadow:0 12px 30px rgba(15,23,42,.06); }
.mpt-stat strong { display:block; font-size:1.65rem; color:var(--mpt-primary); font-weight:950; }
.mpt-stat span { color:var(--mpt-muted); font-size:.86rem; font-weight:700; }
.mpt-subjects { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.mpt-subject { background:var(--mpt-soft); border:1px solid #dce8ff; border-radius:18px; padding:18px; font-weight:900; text-align:center; }
.mpt-subject i { display:block; font-size:1.4rem; color:var(--mpt-primary); margin-bottom:8px; }

.mpt-quiz { max-width:860px; margin:0 auto; background:#fff; border:1px solid var(--mpt-border); border-radius:24px; box-shadow:0 18px 45px rgba(15,23,42,.08); overflow:hidden; }
.mpt-quiz-head { padding:20px 22px; color:#fff; background:linear-gradient(135deg,#0f3f8f,#6d28d9); }
.mpt-quiz-head h3 { margin:0 0 5px; font-weight:950; }
.mpt-quiz-head p { margin:0; color:rgba(255,255,255,.85); }
.mpt-question { padding:21px 22px; border-bottom:1px solid var(--mpt-border); }
.mpt-question:last-of-type { border-bottom:0; }
.mpt-question-title { font-weight:900; margin-bottom:12px; line-height:1.5; }
.mpt-option { display:block; margin:7px 0; padding:9px 11px; border:1px solid #e2e8f0; border-radius:11px; cursor:pointer; }
.mpt-option:hover { background:#f8fafc; }
.mpt-quiz-actions { padding:18px 22px 22px; }
.mpt-quiz-submit { background:var(--mpt-primary); color:#fff; }
.mpt-result { display:none; margin-top:14px; padding:15px; border-radius:13px; background:#eff6ff; border:1px solid #bfdbfe; font-weight:800; line-height:1.55; }
.mpt-result.show { display:block; }

.mpt-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.mpt-step { background:#fff; border:1px solid var(--mpt-border); border-radius:20px; padding:21px; }
.mpt-step-number { width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:#eaf2ff; color:var(--mpt-primary); font-weight:950; margin-bottom:12px; }
.mpt-step h3 { font-size:1rem; margin:0 0 7px; font-weight:900; }
.mpt-step p { color:var(--mpt-muted); margin:0; line-height:1.6; font-size:.9rem; }

.mpt-status { max-width:1180px; margin:16px auto 0; padding:0 18px; }
.mpt-alert { padding:13px 15px; border-radius:13px; font-weight:750; }
.mpt-alert-danger { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.mpt-alert-info { background:#eff6ff; color:#1e40af; border:1px solid #bfdbfe; }

.mpt-final { padding:55px 18px 80px; text-align:center; color:#fff; background:linear-gradient(135deg,#071f49,#0b57d0 55%,#6d28d9); }
.mpt-final h2 { font-size:clamp(1.8rem,4vw,2.8rem); font-weight:950; margin:0 0 10px; }
.mpt-final p { max-width:720px; margin:0 auto 20px; color:rgba(255,255,255,.86); }
.mpt-footer { background:#081226; color:#a8b5cb; padding:22px 18px; text-align:center; font-size:.84rem; }

.mpt-mobile-cta { display:none; }

@media (max-width: 900px) {
    .mpt-hero-grid { grid-template-columns:1fr; }
    .mpt-stats, .mpt-subjects, .mpt-steps { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 620px) {
    body { padding-bottom:72px; }
    .mpt-nav-actions .mpt-nav-link { display:none; }
    .mpt-hero { padding-top:40px; }
    .mpt-title { font-size:2.45rem; }
    .mpt-stats, .mpt-subjects, .mpt-steps { grid-template-columns:1fr 1fr; }
    .mpt-offer-card { padding:21px; }
    .mpt-cta-row .mpt-btn { width:100%; }
    .mpt-mobile-cta {
        position:fixed; z-index:1200; left:0; right:0; bottom:0; display:flex; gap:8px; padding:9px 10px;
        background:rgba(255,255,255,.97); border-top:1px solid var(--mpt-border); box-shadow:0 -10px 30px rgba(15,23,42,.12);
    }
    .mpt-mobile-cta .mpt-btn { flex:1; padding:12px 8px; font-size:.86rem; }
    .mpt-mobile-cta .mpt-btn-main { background:var(--mpt-primary); color:#fff; box-shadow:none; }
}

@media (max-width: 430px) {
    .mpt-stats, .mpt-subjects, .mpt-steps { grid-template-columns:1fr; }
    .mpt-brand span { font-size:.9rem; }
}