:root{
  --navy:#071a39;--navy2:#0d326b;--blue:#145fc2;--red:#c91e3a;--gold:#f1b94f;
  --text:#102033;--muted:#68758c;--line:#e4ebf5;--card:#fff;--soft:#f5f8fc;
  --shadow:0 26px 80px rgba(0,17,48,.22)
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#071a39;color:var(--text);min-height:100vh}
.bg{position:fixed;inset:0;background:
radial-gradient(circle at 15% 5%,rgba(55,106,190,.6),transparent 35%),
radial-gradient(circle at 90% 20%,rgba(201,30,58,.22),transparent 30%),
linear-gradient(145deg,#071a39,#0b2b60 50%,#06142e);z-index:-2}
.bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.topbar{max-width:1180px;margin:auto;padding:24px 22px;display:flex;justify-content:space-between;align-items:center;color:white}
.brand{display:flex;gap:13px;align-items:center;cursor:pointer}
.logo{width:50px;height:50px;border-radius:17px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:25px;border:1px solid rgba(255,255,255,.18)}
.brand-title{font-weight:950;letter-spacing:.09em;font-size:14px}.brand-sub{font-size:12px;color:#bed0eb;margin-top:4px}
.top-actions{display:flex;gap:9px}
#app{max-width:1100px;margin:20px auto 80px;padding:0 20px}
.card{background:rgba(255,255,255,.975);border:1px solid rgba(255,255,255,.7);border-radius:30px;box-shadow:var(--shadow)}
.hero{padding:48px}.eyebrow{display:inline-block;font-size:12px;font-weight:950;letter-spacing:.12em;color:#145fc2;text-transform:uppercase;margin-bottom:10px}
.hero h1{font-size:48px;line-height:1.08;max-width:850px;margin:0 0 18px}.hero>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:780px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.feature-card{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f7faff);border-radius:22px;padding:22px;text-align:left;transition:.2s}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,95,194,.13);border-color:#b7ccef}
.feature-card span{font-size:28px}.feature-card h3{margin:14px 0 8px}.feature-card p{color:var(--muted);line-height:1.5;margin:0}
.home-cta{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.large{padding:16px 24px}
.primary,.secondary,.ghost,.danger{border:0;border-radius:15px;padding:13px 19px;font-weight:900;transition:.18s;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}
.primary{background:linear-gradient(135deg,#1769d2,#0d3c85);color:#fff;box-shadow:0 10px 24px rgba(20,95,194,.23)}
.secondary{background:#eef3fa;color:#17345f}.danger{background:#ffe8ed;color:#a3122b}.ghost{background:rgba(255,255,255,.1);color:white;border:1px solid rgba(255,255,255,.25)}
.primary:hover,.secondary:hover,.ghost:hover,.danger:hover{transform:translateY(-2px)}
.link-btn{text-decoration:none}.disclaimer-strip,.simulation-warning{margin-top:24px;border-radius:16px;padding:15px;background:#fff7dc;border:1px solid #f0d689;color:#6d5600;font-size:13px}
.compact-card{padding:28px;margin-top:20px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.section-head h2{margin:0;font-size:30px}
.leaderboards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.leaderboards>div{border:1px solid var(--line);border-radius:20px;padding:20px;background:#fbfdff}
.leader-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.leader-row:last-child{border:0}.leader-score{font-weight:950;color:#154b93}
.small-note{font-size:12px;color:var(--muted);margin-top:15px}
.wizard-wrap{max-width:880px;margin:auto}.progress-card{padding:18px 22px;margin-bottom:16px}.step-meta{display:flex;justify-content:space-between;font-weight:900;color:#17345f}.progress{height:10px;border-radius:999px;background:#e7edf6;overflow:hidden;margin-top:11px}.progress div{height:100%;background:linear-gradient(90deg,#145fc2,#c91e3a);width:0;transition:.25s}
.form-card{padding:34px}.form-card h2{font-size:34px;margin:0 0 8px}.muted{color:var(--muted)}
.field{margin:23px 0}.field label{display:block;font-weight:900;margin-bottom:9px}.field input,.field select,.field textarea,.admin-tools input,.admin-tools select{width:100%;border:1px solid var(--line);background:#f8fbff;border-radius:15px;padding:15px;font-size:16px;outline:none}.field textarea{resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus,.admin-tools input:focus,.admin-tools select:focus{border-color:#145fc2;box-shadow:0 0 0 4px rgba(20,95,194,.1);background:white}
.options{display:grid;gap:10px}.option{padding:15px;text-align:left;border:1px solid var(--line);border-radius:15px;background:#f8fbff;font-weight:850;position:relative}.option.selected{border-color:#145fc2;background:#eaf2ff;padding-right:45px}.option.selected:after{content:"✓";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:#145fc2;color:#fff;border-radius:50%;display:grid;place-items:center}
.nav-row{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.center{justify-content:center;flex-wrap:wrap}
.result-card{padding:38px}.result-hero{display:grid;grid-template-columns:190px 1fr;gap:30px;align-items:center}.score-ring{--score:75%;width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#145fc2 var(--score),#e7edf5 0);position:relative}.score-ring:before{content:"";position:absolute;inset:14px;background:#fff;border-radius:50%}.score-ring div{z-index:1;text-align:center}.score-ring span{font-size:48px;font-weight:1000}.score-ring small{display:block;color:var(--muted)}
.result-copy h1{font-size:38px;margin:4px 0 10px}.result-copy p{color:var(--muted);line-height:1.6}.risk-line{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.risk-badge{padding:9px 13px;border-radius:999px;font-weight:950}.risk-low{background:#e5f8ec;color:#14733b}.risk-mid{background:#fff4d6;color:#8b6300}.risk-high{background:#ffe6eb;color:#a3102b}
.category-grid,.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:26px 0}.metric{border:1px solid var(--line);background:#fbfdff;border-radius:18px;padding:17px}.metric b{display:block;font-size:25px;margin-top:8px}.metric small{color:var(--muted)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.panel{border:1px solid var(--line);background:#fbfdff;border-radius:22px;padding:22px}.panel h3{margin-top:0}.panel li{margin:10px 0;line-height:1.5}
.impact-item{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.impact-item:last-child{border:0}.impact-pos{color:#13723b;font-weight:950}.impact-neg{color:#a3102b;font-weight:950}
.interview-card{max-width:850px;margin:auto;padding:34px}.interview-progress{margin:22px 0}.consul-box{display:flex;gap:16px;align-items:center;padding:22px;border-radius:20px;background:#f3f7fc;border:1px solid var(--line);margin:18px 0}.avatar{font-size:34px}.consul-box h3{margin:4px 0 0;font-size:24px}.consul-box small{color:var(--muted)}.interview-card textarea{width:100%;border:1px solid var(--line);background:#f8fbff;border-radius:17px;padding:17px;font-size:16px}
.hidden{display:none!important}.modal{position:fixed;inset:0;background:rgba(1,10,28,.72);display:grid;place-items:center;padding:20px;z-index:999}.modal-card{max-width:560px;background:white;border-radius:26px;padding:32px;box-shadow:var(--shadow);text-align:center}.modal-icon{font-size:42px}.modal-card p{line-height:1.6;color:var(--muted)}
.admin-card{padding:30px}.admin-tools{display:grid;grid-template-columns:1fr 220px auto;gap:12px;margin:22px 0}.applicant{border:1px solid var(--line);border-radius:20px;padding:18px;background:#fbfdff;margin:12px 0}.applicant-top{display:flex;justify-content:space-between;gap:15px}.badge{padding:8px 11px;border-radius:999px;background:#e8f1ff;color:#124884;font-weight:950}.details{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:13px}.detail{border:1px solid var(--line);background:white;border-radius:13px;padding:10px;font-size:13px}.detail b{display:block;margin-top:4px}
.ds-result-box{margin-top:26px;border:1px solid var(--line);border-radius:20px;padding:22px;background:#fbfdff}.issue{padding:12px 0;border-bottom:1px solid var(--line)}.issue:last-child{border:0}
@media(max-width:850px){.feature-grid,.category-grid,.stats-grid{grid-template-columns:1fr 1fr}.result-hero{grid-template-columns:1fr;text-align:center}.score-ring{margin:auto}.risk-line{justify-content:center}}
@media(max-width:650px){.hero{padding:30px 22px}.hero h1{font-size:35px}.feature-grid,.leaderboards,.grid2,.category-grid,.stats-grid,.details,.admin-tools{grid-template-columns:1fr}.topbar{align-items:flex-start}.brand-title{font-size:11px}.brand-sub{display:none}.result-card,.form-card,.interview-card{padding:24px}.nav-row{flex-direction:column}.primary,.secondary,.danger,.link-btn{width:100%}}


.login-card{text-align:left;max-width:480px}
.login-card h2,.login-card>p{text-align:center}
.login-error{margin-top:12px;padding:12px 14px;border-radius:13px;background:#ffe8ed;color:#a3122b;font-weight:800}
.admin-head-actions{display:flex;gap:10px;flex-wrap:wrap}