:root{--bg:#0b1220;--bg2:#08111f;--card:#0f172a;--muted:#94a3b8;--text:#e2e8f0;--brand:#3b82f6;--brand2:#1d4ed8;--gold:#cba135;--line:rgba(148,163,184,0.18)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:radial-gradient(1200px 700px at 20% 10%,rgba(59,130,246,.18),transparent 55%),radial-gradient(900px 600px at 80% 20%,rgba(203,161,53,.1),transparent 55%),linear-gradient(180deg,var(--bg2) 0,var(--bg) 100%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.35}a{color:inherit;text-decoration:none}.container{width:min(1120px,92vw);margin:0 auto}.hr{height:1px;background:var(--line);margin:24px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(15,23,42,.75);color:var(--text);font-weight:700;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px);border-color:rgba(59,130,246,.4)}.btnPrimary{background:linear-gradient(135deg,rgba(59,130,246,.96),rgba(29,78,216,.88));border-color:rgba(59,130,246,.55)}.btnGhost{background:transparent}.badge{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:999px;color:var(--muted);font-size:13px;background:rgba(15,23,42,.5)}.badge,.card{border:1px solid var(--line)}.card{background:rgba(15,23,42,.72);border-radius:22px;padding:18px;box-shadow:0 12px 30px rgba(0,0,0,.22)}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:16px;gap:16px}.h1{font-size:clamp(38px,5vw,60px);letter-spacing:-.03em;margin:14px 0 10px;line-height:1.02}.h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.01em;margin:0 0 8px}.p{font-size:18px;margin:0}.p,.small{color:var(--muted)}.small{font-size:14px}.kbd{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:4px 8px;border-radius:10px;background:rgba(2,6,23,.45)}input,textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(2,6,23,.35);color:var(--text);outline:none}input:focus,textarea:focus{border-color:rgba(59,130,246,.45)}label{display:block;font-size:13px;color:var(--muted);margin:12px 0 6px}.heroGrid{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:16px;gap:16px}.flowBox{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(2,6,23,.22)}.visualLabel{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.barWrap{height:14px;background:#162134;border-radius:999px;overflow:hidden;border:1px solid rgba(148,163,184,.12)}.barGold{height:100%;width:92%;background:linear-gradient(90deg,#d6b14f,#b88917)}.barBlue{height:100%;width:38%;background:linear-gradient(90deg,#60a5fa,#1d4ed8)}.fadeIn{opacity:0;animation:fadeIn .55s ease forwards}.delay1{animation-delay:.12s}.delay2{animation-delay:.28s}.delay3{animation-delay:.44s}.delay4{animation-delay:.6s}.delay5{animation-delay:.76s}.slideL{opacity:0;transform:translateX(-10px);animation:slideL .45s ease forwards}.slideR{opacity:0;transform:translateX(10px);animation:slideR .45s ease forwards}.barGrowGold{width:0;animation:growGold .8s ease .2s forwards}.barGrowBlue{width:0;animation:growBlue .8s ease .4s forwards}.credStrip{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;color:var(--muted);font-size:14px}.credStrip span{display:inline-flex;align-items:center;gap:8px}@keyframes fadeIn{to{opacity:1}}@keyframes slideL{to{opacity:1;transform:translateX(0)}}@keyframes slideR{to{opacity:1;transform:translateX(0)}}@keyframes growGold{to{width:92%}}@keyframes growBlue{to{width:38%}}@media (max-width:900px){.grid{grid-template-columns:repeat(6,1fr)}.heroGrid{grid-template-columns:1fr}}@media (max-width:640px){.grid{grid-template-columns:1fr}}.progressTrack{width:100%;height:12px;background:rgba(22,33,52,.95);border-radius:999px;overflow:hidden;border:1px solid rgba(148,163,184,.12)}.progressFill{height:100%;border-radius:999px;background:linear-gradient(90deg,rgba(59,130,246,.95),rgba(29,78,216,.9),rgba(203,161,53,.78));transition:width .35s ease}.timerPill{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border-radius:999px;border:1px solid rgba(59,130,246,.32);background:rgba(15,23,42,.84);box-shadow:inset 0 0 0 1px rgba(59,130,246,.08)}.timerValue{font-size:24px;font-weight:900;line-height:1;color:#dbeafe}.optionCard{width:100%;display:grid;grid-template-columns:52px 1fr;grid-gap:14px;gap:14px;align-items:flex-start;padding:16px;border-radius:20px;border:1px solid rgba(148,163,184,.2);background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.72));color:var(--text);cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.optionCard:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.42);box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 0 0 1px rgba(59,130,246,.08)}.optionLabel{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;font-weight:900;color:#eff6ff;background:linear-gradient(135deg,rgba(59,130,246,.95),rgba(29,78,216,.88));border:1px solid rgba(96,165,250,.42)}