@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800;900&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');
:root{--blue:#063689;--blue-deep:#04275f;--blue-bright:#1f61e7;--yellow:#ffc400;--yellow-soft:#fff3cb;--sky:#eaf2ff;--surface:#f5f8ff;--text:#082a70;--muted-vivid:#4e68a1;--border-vivid:#d7e2fa}body{font-family:"Nunito Sans",Arial,sans-serif;background:var(--surface);color:var(--text)}h1,h2,h3,.brand,.metric b{font-family:"Plus Jakarta Sans",Arial,sans-serif;color:var(--text)}.header{height:76px;background:var(--blue-deep);border:0;padding:0 max(1.25rem,9vw);position:relative;z-index:2}.brand{color:#fff;font-size:1.25rem}.brand b{background:var(--yellow);color:var(--blue-deep);font-family:"Plus Jakarta Sans"}.header nav{gap:1.6rem}.header nav a,.admin-link{color:#fff;text-decoration:none;font-weight:800}.header nav a:hover,.admin-link:hover{color:var(--yellow)}.hero{position:relative;overflow:hidden;max-width:none;min-height:590px;background:radial-gradient(circle at 87% 2%,rgba(96,155,255,.3) 0 1px,transparent 2px) 0 0/18px 18px,linear-gradient(125deg,#063689 0%,#0a3a91 52%,#042765 100%);padding:5.8rem max(1.25rem,18vw) 5.8rem;gap:10vw}.hero:before{content:"";position:absolute;width:400px;height:400px;right:-115px;top:-220px;border:4px solid rgba(106,161,255,.36);border-radius:50%}.hero:after{content:"✦  ✦  ✦";position:absolute;bottom:45px;left:max(1.25rem,9vw);font-size:5rem;letter-spacing:1.2rem;color:rgba(97,159,255,.33)}.hero>div,.hero .login-card{position:relative;z-index:1}.hero h1{font-size:clamp(2.55rem,5.1vw,4.6rem);color:#fff;max-width:690px;letter-spacing:-.06em}.hero h1::first-line{color:#fff}.hero .lead,.hero .muted{color:#e1ebff}.hero .eyebrow{color:var(--yellow);font-size:.77rem}.hero .login-card{box-shadow:0 24px 60px rgba(0,18,64,.36);border:0;border-radius:19px;padding:2rem 2rem 1.65rem}.login-card h2,.auth h1{color:var(--blue)}.login-card .eyebrow{color:#f2a900}.login-card p{color:var(--muted-vivid)}input,select,textarea{border-color:#c9d8f6;background:#edf4ff;color:var(--blue)}input:focus,select:focus,textarea:focus{outline-color:#ffdf71;border-color:var(--blue-bright)}.button{border-radius:10px;box-shadow:none}.primary{background:linear-gradient(180deg,#ffd238,#ffbe00);color:#092f79;box-shadow:0 5px 0 #e4a700}.primary:hover{background:linear-gradient(180deg,#ffe06e,#ffc400);transform:translateY(-1px)}.secondary{color:var(--blue);border-color:#b9ccf2;background:#fff}.dark-section{background:#fff;color:var(--blue);padding:5.5rem max(1.25rem,18vw);position:relative}.dark-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.5%,#edf3ff 49.5% 50.5%,transparent 50.5%);pointer-events:none}.dark-section .eyebrow{color:#e99e00}.dark-section h2{font-size:clamp(2rem,3.4vw,3rem);max-width:470px}.three{position:relative;z-index:1;gap:1.25rem}.three article{background:#fff;border:1px solid var(--border-vivid);border-radius:16px;padding:1.55rem;box-shadow:0 13px 31px rgba(25,73,149,.1)}.three b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--sky);color:var(--blue-bright)}.three p{color:var(--muted-vivid)}.flash{border-radius:12px}.flash.success{background:#e0f7eb;color:#08713c}.test,.results,.admin-page,.form-page,.auth{background:var(--surface)}.test{padding-top:3.6rem}.test-nav{color:var(--muted-vivid)}.progress{background:#d9e6ff;height:9px}.progress i{background:linear-gradient(90deg,#ffca10,#ffab00)}.question{background:#fff;border:1px solid var(--border-vivid);border-radius:22px;box-shadow:0 16px 38px rgba(16,61,138,.1);padding:2.5rem 2rem}.question h1{color:var(--blue);font-size:clamp(1.8rem,3.2vw,2.7rem)}.question .eyebrow{color:#edaa00}.scale span{background:#f7faff;border:2px solid #d8e4fa;border-radius:14px;color:var(--blue)}.scale input:checked+span{background:var(--blue);border-color:var(--blue);box-shadow:0 7px 16px rgba(8,54,137,.22)}.scale label:hover .answer-face{background:#edf4ff;border-color:#7aa8ff}.results{padding-top:4rem}.results>h1{font-size:clamp(2.2rem,4vw,3.6rem)}.profile-intro,.score-card{border-color:var(--border-vivid);box-shadow:0 12px 30px rgba(19,70,153,.09)}.profile-intro{border-left:6px solid var(--yellow);background:#fff}.recommendation{background:linear-gradient(135deg,#063689,#1251bd);box-shadow:0 16px 35px rgba(6,54,137,.24)}.recommendation h2{color:#fff}.callout{background:#fff0bd;border:1px solid #ffe19a}.callout h2{color:#9a6500}.score{border-color:#e2ebfc}.score b{color:#f1a900}.admin-page,.form-page,.auth{max-width:1180px}.page-heading h1{color:var(--blue)}.tabs{border-color:#cfddf7}.tabs a.active{color:var(--blue);border-color:var(--yellow)}.table-wrap,.card{border-color:var(--border-vivid);box-shadow:0 12px 30px rgba(18,64,143,.08)}th{color:var(--muted-vivid);background:#f1f5ff}.status.active{background:#ddf8e8;color:#087343}.status.inactive{background:#ffebea;color:#a43636}.metric{background:linear-gradient(135deg,#0b4dc0,#063689);box-shadow:0 12px 28px rgba(13,72,172,.24)}.chart-card{border-top:5px solid var(--yellow)}.bar-row i{background:linear-gradient(90deg,#ffcd21,#ffae00)}.trend-chart i{background:linear-gradient(180deg,#5d93ff,#164eb9)}.auth .card{border-top:6px solid var(--yellow)}.form-page .card{border-top:6px solid #316cf0}footer{background:#eaf1ff;border:0;color:var(--muted-vivid)}@media(max-width:700px){.header{height:65px;padding:0 1.25rem}.hero{padding:4rem 1.25rem 4.5rem;min-height:auto}.hero:after{font-size:3rem;bottom:20px}.hero h1{font-size:2.75rem}.dark-section{padding:3.8rem 1.25rem}.question{padding:1.7rem .9rem}.chart-grid{grid-template-columns:1fr}.header nav a:not(:last-child){display:none}}