[hidden] { display: none !important; }
body { margin: 0; background: #11161C; }
a { color: #5B94EA; text-decoration: none; }
a:hover { color: #FFFFFF; }
.opt { display: flex; align-items: center; gap: 16px; width: 100%; text-align: left; min-height: clamp(48px, 8.5vh, 64px); padding: 12px 20px; background: #1A212A; border: 1px solid #3D4A57; border-radius: 8px; cursor: pointer; font-family: 'Space Grotesk', sans-serif; font-size: 17px; color: #FFFFFF; transition: border-color 150ms ease, background 150ms ease; }
.opt:hover { border-color: #5B94EA; background: #28323D; }
.opt[data-on="1"] { border: 2px solid #5B94EA; background: #28323D; }
.opt .digit { font-size: 13px; color: #7E8B98; min-width: 12px; }
.opt[data-on="1"] .digit { color: #5B94EA; }
.btn-primary { background: #1257C7; color: #FFFFFF; border: none; cursor: pointer; font-family: 'Space Grotesk', sans-serif; transition: background 200ms ease; }
.btn-primary:hover { background: #0E4CB0; color: #FFFFFF; }
.btn-primary:active { background: #0A3D8F; }
.btn-quiet { background: transparent; border: 1px solid #3D4A57; color: #FFFFFF; cursor: pointer; font-family: 'Space Grotesk', sans-serif; transition: background 200ms ease, border-color 200ms ease; }
.btn-quiet:hover { background: #1A212A; border-color: #5A6875; color: #FFFFFF; }
.backlink { background: none; border: none; cursor: pointer; font-family: 'Space Grotesk', sans-serif; font-size: 20px; color: #7E8B98; padding: 4px 8px; transition: color 200ms ease; }
.backlink:hover { color: #FFFFFF; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid #2E74E0; outline-offset: 2px; }
.q-wrap { min-height: 100%; padding: clamp(40px, 7vh, 80px) 24px clamp(28px, 5vh, 48px); }
.q-head { margin-bottom: clamp(20px, 4vh, 40px); }
.q-text { margin: 0 0 clamp(20px, 4vh, 36px) 0 !important; font-size: clamp(24px, 3.4vh, 32px) !important; }
.q-opts { display: flex; flex-direction: column; gap: clamp(8px, 1.4vh, 12px); }
.qenter { animation: none; }
@keyframes qin { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.rblock { animation: none; }
@keyframes rin { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.num { font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
  .qenter, .rblock { animation: none !important; }
  .opt { transition: none; }
}
.open-wrap { padding: clamp(32px, 7vh, 64px) 24px; }
.open-h { font-size: clamp(28px, 5.2vh, 44px) !important; margin-bottom: clamp(14px, 2.6vh, 24px) !important; }
.open-lede { margin-bottom: clamp(20px, 4.4vh, 40px) !important; }
.open-logo { margin-bottom: clamp(20px, 5vh, 48px) !important; }
@media (max-width: 640px) {
  .opt { font-size: 16px; }
  .res-num { font-size: 56px !important; }
  .open-h { font-size: 30px !important; }
}