:root{--navy:#14213D;--navy2:#1B2A4A;--gold:#C9A227;--gold2:#E5C15A;--ink:#1d2433;--mut:#5a6478;--bg:#F7F5EF}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit}.w{max-width:1140px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.15;margin:0 0 .4em}
header{position:sticky;top:0;z-index:5;background:rgba(20,33,61,.96);color:#fff}
.bar{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font:700 1.3rem Georgia,serif;text-decoration:none}.logo span{color:var(--gold)}
nav a{color:#dfe4ee;text-decoration:none;margin-left:22px;font-size:.95rem}nav a:hover{color:var(--gold2)}@media(max-width:760px){nav .hide-m{display:none}}
.btn{display:inline-block;padding:14px 26px;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}.btn.g{background:var(--gold);color:var(--navy);box-shadow:0 8px 24px rgba(201,162,39,.35)}.btn.o{border:2px solid rgba(255,255,255,.5);color:#fff}
.hero{background:radial-gradient(1200px 500px at 80% -10%,#2c3f6b 0,transparent 60%),linear-gradient(160deg,var(--navy) 0,#0d1730 100%);color:#fff;padding:80px 0 96px}
.hg{display:grid;gap:40px;align-items:center}@media(min-width:900px){.hg{grid-template-columns:1.15fr .85fr}}
.kick{display:inline-block;color:var(--gold2);letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;font-weight:700;margin-bottom:14px}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem)}.hero h1 em{color:var(--gold);font-style:normal}.lead{font-size:1.15rem;color:#c9d1e3;max-width:36em}
.ctas{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 18px}.trust{display:flex;flex-wrap:wrap;gap:18px;color:#aeb8cf;font-size:.9rem;padding:0;list-style:none}.trust li:before{content:"\2713  ";color:var(--gold)}
.panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:26px}
.panel h3{color:#fff;font-size:1.2rem}.meter{display:grid;grid-template-columns:90px 1fr 36px;gap:10px;align-items:center;margin:12px 0;font-size:.9rem;color:#dfe4ee}
.trk{height:10px;border-radius:9px;background:rgba(255,255,255,.12);overflow:hidden}.trk i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2))}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:-48px}.st{background:#fff;border-radius:16px;padding:18px;text-align:center;box-shadow:0 10px 30px rgba(20,33,61,.08)}
.st b{display:block;font:700 1.8rem Georgia,serif;color:var(--navy)}.st span{color:var(--mut);font-size:.85rem}@media(max-width:600px){.stats{grid-template-columns:repeat(2,1fr)}}
section{padding:72px 0}.sh{text-align:center;max-width:640px;margin:0 auto 36px}.sh p{color:var(--mut)}
.cards{display:grid;gap:18px}@media(min-width:640px){.cards{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.cards{grid-template-columns:repeat(4,1fr)}}
.c{background:#fff;border-radius:18px;padding:26px;border:1px solid #ebe6d8;text-decoration:none;transition:box-shadow .2s,transform .2s;display:block}
.c:hover{box-shadow:0 14px 34px rgba(20,33,61,.12);transform:translateY(-3px)}.ic{width:48px;height:48px;border-radius:12px;background:var(--navy);display:grid;place-items:center;margin-bottom:14px}
.c p{color:var(--mut);margin:.3em 0 1em;font-size:.95rem}.c .go{color:var(--navy2);font-weight:700}
.steps{display:grid;gap:18px}@media(min-width:800px){.steps{grid-template-columns:repeat(3,1fr)}}.sp{padding:24px;border-left:3px solid var(--gold);background:#fff;border-radius:0 14px 14px 0}.sp b{color:var(--gold);font:700 1.6rem Georgia,serif}
.tutor{background:var(--navy);color:#fff;border-radius:24px;padding:36px;display:grid;gap:28px;align-items:center}@media(min-width:800px){.tutor{grid-template-columns:220px 1fr}}
.ph{aspect-ratio:1;border-radius:50%;border:3px dashed var(--gold);display:grid;place-items:center;color:var(--gold2);font-size:.85rem;text-align:center;padding:20px}
.tutor ul{padding-left:1.1em;color:#d4dbea}.tutor .tag{color:var(--gold2);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.final{text-align:center;background:linear-gradient(135deg,var(--gold) 0,var(--gold2) 100%);border-radius:24px;padding:48px 24px;color:var(--navy)}.final .btn{background:var(--navy);color:#fff}
footer{padding:32px 0;color:var(--mut);font-size:.85rem;text-align:center}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#authbox{margin-left:18px}#authbox button,#authbox a{background:var(--gold);color:var(--navy);border:0;border-radius:99px;padding:8px 16px;font-weight:700;cursor:pointer;text-decoration:none}#authbox img{width:28px;height:28px;border-radius:50%;vertical-align:middle}
header .bar{display:flex;align-items:center}header nav{margin-left:auto}