:root{--bg:#fafbfe;--panel:#fff;--panel2:#f1f4fa;--text:#18223a;--muted:#68738a;--blue:#344b9b;--cyan:#4d76dc;--gold:#f1aa35;--danger:#d94b61;--ok:#2faa71;--line:#e1e6f0;--shadow:0 10px 40px -12px #344b9b38}
body{background:var(--bg);color:var(--text)}
.top{height:64px;background:#ffffffeb;color:var(--text);border-bottom:1px solid var(--line);box-shadow:none}
.logo{background:linear-gradient(135deg,#344b9b,#637fdb);color:#fff}
.nav button:hover,.nav button.active,.ghost:hover{background:var(--panel2);color:var(--text)}
.wrap{padding-top:0}
.hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);padding:70px max(24px,calc((100vw - 1180px)/2));min-height:510px;background:radial-gradient(at 20% 20%,#4c5eb9 0,transparent 50%),radial-gradient(at 80% 60%,#3b8cae 0,transparent 55%),linear-gradient(135deg,#202e5d,#32477f);color:#fff}
.hero h1{font-size:clamp(42px,6vw,64px);line-height:1.08;letter-spacing:-2px;max-width:760px}
.hero .gradient{background:none;color:var(--gold)}
.hero .lead{color:#ffffffcc;max-width:720px}
.hero .pill{color:#fff;background:#ffffff18;border-color:#ffffff35}
.hero-card{background:#ffffff12;border-color:#ffffff30;color:#fff;box-shadow:none;transform:none;backdrop-filter:blur(8px)}
.hero-card .stat{background:#ffffff12;border-color:#ffffff25}.hero-card .stat b{color:#ffd073}
.btn{background:#344b9b;box-shadow:none}.hero .btn{background:var(--gold);color:#35250b}.hero .btn.secondary{background:#fff;color:#344b9b}
.card{background:#fff;color:var(--text);border-color:var(--line);border-radius:16px;box-shadow:none}.card:hover{box-shadow:var(--shadow)}
.stat{background:#fff}.stat b{color:#344b9b}.tag{background:#344b9b12;color:#344b9b}.progress{background:#e8ecf4}
input,textarea,select{background:#fff;color:var(--text);border-color:var(--line)}
.tabs{background:#f1f4fa}.tabs button.active{background:#fff;color:var(--text);box-shadow:0 2px 8px #2232}
.side{background:#202e5d;border-color:#314271}.side button{color:#d9e0f4}.side button:hover,.side button.active{background:#ffffff13;color:#fff}.side button.active{box-shadow:inset 3px 0 var(--gold)}
th{background:#f5f7fb}.quiz-option{background:#f7f8fc}.toast{background:#fff;color:var(--text)}
@media(max-width:800px){.hero{padding:54px 20px;min-height:auto}.side{background:#202e5d;border-color:#314271}}