:root{--red:#e30613;--red2:#ff2438;--red3:#ff6b72;--dark:#050301;--card:#151009;--card2:#211609;--white:#fffdf8;--muted:#c9baa4;--yellow:#ffc34d;--gold:#f5a623;--gold2:#ffd775;--amber:#b85b10;--green:#32db87;--blue:#ffc34d;--danger:#ff4d62;--line:rgba(255,195,77,.22);--glass:rgba(15,10,5,.9)}
html,body{background:#050301;color:var(--white)}
#app{background:linear-gradient(145deg,rgba(245,166,35,.04),transparent 42%)}
#app:before{border-color:rgba(255,195,77,.08);box-shadow:0 0 0 70px rgba(255,195,77,.018),0 0 0 140px rgba(255,195,77,.009)}
.bg{background:radial-gradient(circle at 50% 105%,rgba(255,198,72,.62),transparent 32%),radial-gradient(circle at 18% 62%,rgba(181,80,9,.34),transparent 34%),radial-gradient(circle at 82% 18%,rgba(98,42,8,.28),transparent 30%),linear-gradient(145deg,#030201 0%,#120a04 48%,#050301 100%)}
.bg:before{background-image:linear-gradient(rgba(255,195,77,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,195,77,.025) 1px,transparent 1px)}
.bg:after{background:repeating-linear-gradient(120deg,transparent 0 42px,rgba(255,195,77,.02) 43px 44px)}
#home{position:relative;isolation:isolate}
#home:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(3,2,1,.86) 0%,rgba(8,5,2,.74) 42%,rgba(3,2,1,.88) 100%),linear-gradient(0deg,rgba(3,2,1,.9),transparent 52%),url("black-friday-kv.jpg") center/cover no-repeat;opacity:.52;filter:saturate(.88) contrast(1.08)}
#home:after{content:"";position:fixed;left:0;right:0;bottom:0;height:42%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,rgba(255,202,85,.34),transparent 65%)}
.brand-logo.expert-logo{border-color:rgba(255,195,77,.42);box-shadow:0 16px 38px rgba(0,0,0,.5),0 0 34px rgba(245,166,35,.18)}
.hero-copy:after{border-color:rgba(255,195,77,.1);box-shadow:0 0 0 34px rgba(255,195,77,.025),0 0 0 68px rgba(255,195,77,.014)}
.hero-kicker{background:rgba(10,7,3,.72);border-color:rgba(255,195,77,.52);color:#fff4da;box-shadow:0 12px 32px rgba(0,0,0,.28)}
.hero-kicker:before{content:"BLACK FRIDAY";color:var(--yellow);padding-right:10px;margin-right:1px;border-right:1px solid rgba(255,195,77,.35)}
.pulse-dot{background:var(--yellow);box-shadow:0 0 0 6px rgba(255,195,77,.13)}
@keyframes beacon{50%{box-shadow:0 0 0 10px rgba(255,195,77,0)}}
.hero h1 #heroPrefix{color:#fff}.hero h1 #heroProduct{background:linear-gradient(105deg,#fff 0%,#ffd775 44%,#f5a623 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 12px 48px rgba(245,166,35,.12)}
.hero p{color:#f2e9dc}.chip{background:rgba(8,5,2,.7);border-color:rgba(255,195,77,.28);color:#fff6e6}
.panel,.questioncard,.modalbox,.evaluation-box{background:linear-gradient(155deg,rgba(29,20,10,.96),rgba(7,5,2,.97));border-color:rgba(255,195,77,.26);box-shadow:0 32px 90px rgba(0,0,0,.6),0 0 0 1px rgba(245,166,35,.05) inset}
.panel:before{background:linear-gradient(90deg,transparent,#8b3f08,var(--yellow),#fff4da,var(--yellow),#8b3f08,transparent);opacity:.92}
.panel-eyebrow{color:var(--yellow)}.label,.substat,.rankmeta,.resultsub,.roulette-note,.evaluation-scale,.compare-hint{color:var(--muted)}
.input{background:linear-gradient(145deg,rgba(5,3,1,.96),rgba(24,15,7,.94));border-color:rgba(255,195,77,.24);color:#fff}.input:hover{border-color:rgba(255,195,77,.45)}.input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(255,195,77,.13),0 12px 30px rgba(0,0,0,.28)}select.input option,select.input optgroup{color:#171006;background:#fff7e7}
.mode{background:linear-gradient(145deg,rgba(24,16,8,.96),rgba(8,5,2,.96));border-color:rgba(255,195,77,.18)}.mode:hover,.mode:focus{border-color:rgba(255,195,77,.48)}.mode.selected{border-color:var(--yellow);background:linear-gradient(145deg,rgba(245,166,35,.32),rgba(255,195,77,.06));box-shadow:0 0 0 2px rgba(255,195,77,.12) inset,0 14px 30px rgba(171,80,7,.18)}.mode.selected:after{color:#fff2c7}
.primary,.online-primary{background:linear-gradient(110deg,#9a4507 0%,#f5a623 48%,#ffd775 100%);color:#160b02;box-shadow:0 14px 34px rgba(245,166,35,.28);text-shadow:0 1px rgba(255,255,255,.2)}.primary:hover,.primary:focus,.online-primary:hover{filter:brightness(1.08) saturate(1.06)}
.secondary,.iconbtn,.tool,.online-secondary{background:rgba(16,10,4,.72);border-color:rgba(255,195,77,.24);color:#fff8e9}.secondary:hover,.iconbtn:hover,.tool:hover,.online-secondary:hover{border-color:rgba(255,195,77,.55)}
.compare-builder,.online-host-field{background:rgba(20,13,6,.68);border-color:rgba(255,195,77,.2)}.compare-toggle input{accent-color:var(--gold)}
.quiz-exit{background:rgba(8,5,2,.88);border-color:rgba(255,195,77,.28)}.quiz-exit:hover,.quiz-exit:focus{border-color:var(--yellow);background:rgba(161,70,5,.35)}
.timer{background:conic-gradient(var(--yellow) var(--p,100%),rgba(255,255,255,.1) 0);box-shadow:0 0 28px rgba(245,166,35,.14)}.timer:before{background:#100a04}.progress{background:rgba(255,255,255,.1)}.progress>div{background:linear-gradient(90deg,#a94907,var(--gold),#ffe19a)}
.category{background:rgba(245,166,35,.18);border-color:rgba(255,195,77,.42);color:#fff3d6}.answer{background:linear-gradient(145deg,#171006,#0d0803);border-color:rgba(255,195,77,.2);color:#fff}.answer .letter{background:rgba(255,195,77,.12);color:#ffd775}.answer:hover,.answer:focus{border-color:rgba(255,195,77,.58);box-shadow:0 10px 26px rgba(0,0,0,.25)}.feedback{background:rgba(255,195,77,.06);border-color:rgba(255,195,77,.18)}.feedback p{color:#f0e7da}
.stat,.rankrow,.evaluation-field{background:rgba(255,195,77,.05);border-color:rgba(255,195,77,.15)}.rankpos,.resultscore,.roulette-kicker,.roulette-result{color:var(--yellow)}
.modal{background:rgba(2,1,0,.84)}.close{background:rgba(255,195,77,.1);color:#fff}.roulette-modal{background:radial-gradient(circle at 50% 42%,rgba(255,195,77,.24),rgba(0,0,0,.9) 60%)}.roulette-box{background:linear-gradient(155deg,#271708,#100a04 50%,#050301);border-color:rgba(255,195,77,.45);box-shadow:0 30px 100px rgba(0,0,0,.76),0 0 65px rgba(245,166,35,.16)}.prize-wheel{border-color:#fff8e9;outline-color:var(--yellow);background:#100a04}
.toast{background:#fff5df;color:#160b02;box-shadow:0 12px 35px rgba(0,0,0,.5)}.session-card{background:linear-gradient(145deg,rgba(245,166,35,.13),rgba(105,42,4,.1));border-color:rgba(255,195,77,.3)}.session-code{color:var(--yellow)}.online-badge{background:rgba(245,166,35,.12);border-color:rgba(255,195,77,.38);color:#fff2d0}.online-badge:before{background:var(--yellow);box-shadow:0 0 0 5px rgba(255,195,77,.12)}.online-saving{background:#171006;border-color:rgba(255,195,77,.25)}
@media(max-width:760px){#home:before{opacity:.25;background-position:54% center}.hero-kicker:before{display:none}}
@media(prefers-reduced-motion:reduce){.bg,.pulse-dot{animation:none!important}}