.dark-page{--navy-900:#0c1a33;--navy-800:#11213f;--navy-700:#16294c;--navy-600:#1d3460;--teal:#2a9d9a;--teal-soft:#3fb3af;--gold:#c9a24b;--gold-soft:#e0c079;--ice:#f4f1ea;--ice-dim:#c9d2de;--line:#f4f1ea1f;--line-strong:#f4f1ea38;--serif:"Fraunces", Georgia, serif;--sans:"Hanken Grotesk", "Inter", system-ui, sans-serif;font-family:var(--sans);background:var(--navy-900);color:var(--ice);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.55}.dark-page *{box-sizing:border-box}.dark-page .shell{background:radial-gradient(1100px 600px at 78% -8%,#2a9d9a29,transparent 60%),radial-gradient(900px 520px at 10% 108%,#c9a24b1a,transparent 55%),linear-gradient(180deg,var(--navy-900),var(--navy-800));flex-direction:column;min-height:100vh;display:flex}.dark-page .stage{width:100%;max-width:760px;margin:0 auto;padding:0 24px}.dark-page .topbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#0c1a33b8;position:sticky;top:0}.dark-page .topbar-inner{justify-content:space-between;align-items:center;gap:20px;max-width:760px;margin:0 auto;padding:16px 24px;display:flex}.dark-page .brand{font-family:var(--serif);letter-spacing:.5px;color:var(--ice);font-size:18px;font-weight:600;text-decoration:none}.dark-page .brand span{color:var(--gold)}.dark-page .counter{letter-spacing:.18em;text-transform:uppercase;color:var(--ice-dim);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.dark-page .progress-track{background:var(--line);width:100%;height:2px}.dark-page .progress-fill{background:linear-gradient(90deg,var(--teal),var(--gold));height:2px;transition:width .5s cubic-bezier(.4,0,.2,1)}.dark-page .panel{flex-direction:column;flex:1;justify-content:center;padding:56px 0 80px;display:flex}.dark-page .screen{animation:.55s cubic-bezier(.16,1,.3,1) both dp-rise}@keyframes dp-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.dark-page .eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--teal-soft);margin-bottom:22px;font-size:12px;font-weight:700}.dark-page .display{font-family:var(--serif);letter-spacing:-.01em;color:var(--ice);font-size:clamp(30px,5.4vw,46px);font-weight:500;line-height:1.08}.dark-page .lede{color:var(--ice-dim);max-width:56ch;margin-top:22px;font-size:17px}.dark-page .meta-row{flex-wrap:wrap;gap:34px;margin-top:38px;display:flex}.dark-page .meta-row .k{font-family:var(--serif);color:var(--gold);font-size:26px}.dark-page .meta-row .v{color:var(--ice-dim);letter-spacing:.04em;margin-top:2px;font-size:13px}.dark-page .fields{flex-direction:column;gap:16px;max-width:480px;margin-top:32px;display:flex}.dark-page .field label{letter-spacing:.05em;color:var(--ice-dim);margin-bottom:8px;font-size:13px;display:block}.dark-page .field input{border:1px solid var(--line-strong);width:100%;color:var(--ice);font-family:var(--sans);background:#f4f1ea0a;border-radius:10px;padding:14px 16px;font-size:15px;transition:border-color .2s,background .2s}.dark-page .field input:focus{border-color:var(--teal);background:#2a9d9a0f;outline:none}.dark-page .field .hint{color:#c9d2de99;margin-top:8px;font-size:12px}.dark-page .field .err{color:#f99;margin-top:6px;font-size:12.5px}.dark-page .qtext{font-family:var(--serif);letter-spacing:-.005em;margin-bottom:30px;font-size:clamp(23px,3.6vw,31px);font-weight:500;line-height:1.22}.dark-page .options{flex-direction:column;gap:12px;display:flex}.dark-page .opt{border:1px solid var(--line-strong);cursor:pointer;text-align:left;width:100%;color:var(--ice);font-family:var(--sans);background:#f4f1ea09;border-radius:13px;align-items:flex-start;gap:16px;padding:18px 20px;transition:border-color .18s,background .18s,transform .12s;display:flex}.dark-page .opt:hover{background:#2a9d9a0f;border-color:#2a9d9a8c}.dark-page .opt .badge{border:1px solid var(--line-strong);width:30px;height:30px;color:var(--ice-dim);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .18s;display:flex}.dark-page .opt .opt-label{padding-top:3px;font-size:15.5px;line-height:1.45}.dark-page .opt.selected{border-color:var(--gold);background:#c9a24b1a}.dark-page .opt.selected .badge{background:var(--gold);border-color:var(--gold);color:var(--navy-900)}.dark-page .nav-row{justify-content:space-between;align-items:center;gap:16px;margin-top:34px;display:flex}.dark-page .dp-btn{font-family:var(--sans);cursor:pointer;letter-spacing:.01em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:14px 30px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.dark-page .dp-btn-primary{background:var(--gold);color:var(--navy-900)}.dark-page .dp-btn-primary:hover{background:var(--gold-soft)}.dark-page .dp-btn-primary:disabled{opacity:.32;cursor:not-allowed}.dark-page .dp-btn-ghost{color:var(--ice-dim);border-color:var(--line-strong);background:0 0}.dark-page .dp-btn-ghost:hover{color:var(--ice);border-color:var(--ice-dim)}.dark-page .dp-btn-text{color:var(--ice-dim);cursor:pointer;font-size:14px;font-family:var(--sans);background:0 0;border:none}.dark-page .dp-btn-text:hover{color:var(--ice)}.dark-page .score-wrap{align-items:baseline;gap:14px;margin:6px 0 4px;display:flex}.dark-page .score-num{font-family:var(--serif);color:var(--gold);font-variant-numeric:tabular-nums;font-size:clamp(64px,13vw,108px);font-weight:600;line-height:.9}.dark-page .score-den{font-family:var(--serif);color:var(--ice-dim);font-size:30px}.dark-page .score-pct{color:var(--ice-dim);letter-spacing:.04em;margin-bottom:18px;font-size:14px}.dark-page .band-name{font-family:var(--serif);color:var(--ice);margin-bottom:16px;font-size:clamp(26px,4.2vw,38px);font-weight:500}.dark-page .band-desc{color:var(--ice-dim);max-width:60ch;font-size:16.5px}.dark-page .scale{margin:40px 0 8px}.dark-page .scale-bar{gap:6px;height:54px;display:flex}.dark-page .seg{border:1px solid var(--line);letter-spacing:.1em;text-transform:uppercase;color:#f4f1ea6b;border-radius:8px;flex:1;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:all .4s;display:flex;position:relative}.dark-page .seg.active{color:var(--navy-900)}.dark-page .seg[data-i="0"].active{background:#5b6e8c}.dark-page .seg[data-i="1"].active{background:var(--teal)}.dark-page .seg[data-i="2"].active{background:var(--teal-soft)}.dark-page .seg[data-i="3"].active{background:var(--gold)}.dark-page .scale-labels{gap:6px;margin-top:10px;display:flex}.dark-page .scale-labels span{text-align:center;color:#c9d2de8c;letter-spacing:.02em;flex:1;font-size:11px}.dark-page .cta-final{flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;display:flex}.dark-page .ok-banner{color:var(--teal-soft);background:#2a9d9a1a;border:1px solid #2a9d9a59;border-radius:12px;margin-top:26px;padding:18px 22px;font-size:15px}@media(max-width:560px){.dark-page .panel{padding:36px 0 60px}.dark-page .dp-btn{padding:13px 22px}.dark-page .meta-row{gap:22px}}