/* RoadReady Design 2.0 — presentation only; no auth or data changes */
:root{--rr-ink:#eef8ff;--rr-muted:#b8cce0;--rr-line:rgba(147,198,225,.19);--rr-accent:#65f1c4;--rr-blue:#71b8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;color-scheme:dark}
html{scroll-behavior:smooth}body{color:var(--rr-ink)!important;background:radial-gradient(ellipse 70% 45% at 90% -10%,rgba(42,131,184,.33),transparent),radial-gradient(ellipse 65% 50% at -10% 35%,rgba(17,122,110,.19),transparent),#071222!important;min-height:100vh}
header{backdrop-filter:blur(18px);background:rgba(7,18,34,.75);position:relative;z-index:3}.logo{letter-spacing:-.055em}.logo span{color:var(--rr-accent)}
main{max-width:1200px}h1{font-weight:850;letter-spacing:-.055em}h1 em,h1 span{color:var(--rr-accent)!important}.eyebrow{color:var(--rr-accent)}.lead,.small,.muted{color:var(--rr-muted)}
.panel,.card{background:linear-gradient(145deg,rgba(26,54,79,.94),rgba(13,32,53,.94))!important;border:1px solid var(--rr-line)!important;border-radius:24px!important;box-shadow:0 24px 65px rgba(0,0,0,.17)}.panel:hover,.card:hover{border-color:rgba(101,241,196,.27)!important}
.state,.answer{border:1px solid rgba(147,198,225,.27)!important;background:rgba(24,59,84,.74)!important;border-radius:15px!important;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.state:hover,.answer:not(:disabled):hover{transform:translateY(-3px);border-color:var(--rr-accent)!important;box-shadow:0 10px 26px rgba(0,0,0,.15)}.state.active,.answer.correct,.answer.good{background:rgba(19,102,84,.65)!important;border-color:var(--rr-accent)!important}.answer.wrong,.answer.bad{border-color:#ff9eaa!important}
.primary{background:linear-gradient(115deg,#67f0c4,#65c6ef)!important;color:#062334!important;font-weight:800!important;border:0!important;box-shadow:0 9px 25px rgba(59,212,179,.19);transition:transform .18s ease,box-shadow .18s ease}.primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(59,212,179,.28)}.secondary{border-color:rgba(147,198,225,.38)!important;background:rgba(24,59,84,.4)!important}.pill,.tag{background:rgba(101,241,196,.07);border:1px solid rgba(101,241,196,.23);color:#d3f5e9}
input,select,textarea{max-width:100%;accent-color:var(--rr-accent)}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--rr-accent)!important;outline-offset:3px}a{color:var(--rr-accent)}
#home>h1,#home>.lead,#home>.eyebrow{animation:rrRise .65s both}#home>.lead{animation-delay:.1s}.panel,.card{animation:rrRise .5s both}@keyframes rrRise{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:780px){header{padding:17px 18px}.tag{font-size:11px}.panel,.card{border-radius:18px!important}.layout{gap:14px}h1{letter-spacing:-.04em!important}.primary,.secondary,.state,.answer{min-height:46px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}