:root{--bg: #F3F4F8;--surface: #FFFFFF;--text: #1A1C2E;--text-sec: #3C3F54;--text-muted: #9498AE;--accent: #1B2060;--accent-light: #ECEEF6;--accent-mid: #2C3A80;--border: #DDDFE8;--border-light: #ECEDF3;--input-bg: #EDEEF4;--success: #2D7A5E;--success-bg: #EDF6F0;--success-border: #B8D9C6;--warning: #B8860B;--warning-bg: #FFF8EC;--warning-border: #E8D09A;--danger: #B83C2B;--danger-bg: #FDF0ED;--gold: #C49A2D;--gold-bg: #FDF8EC;--gold-border: #E8D09A;--shadow-sm: 0 1px 2px rgba(26,28,46,.04), 0 4px 12px rgba(26,28,46,.03);--shadow-md: 0 2px 8px rgba(27,32,96,.1), 0 8px 24px rgba(27,32,96,.06);--shadow-glow: 0 0 20px rgba(27,32,96,.12);--shadow-gold-glow: 0 0 24px rgba(196,154,45,.18)}@media(prefers-color-scheme:dark){:root{--bg: #0F1018;--surface: #181A26;--text: #E0E2EC;--text-sec: #A8ACBE;--text-muted: #5C6078;--accent: #8090D4;--accent-light: #1A1D2E;--accent-mid: #5C6EC0;--border: #262838;--border-light: #1E2030;--input-bg: #161824;--success: #5BBF8E;--success-bg: #1A2B22;--success-border: #2D5A42;--warning: #F0B429;--warning-bg: #2A2517;--warning-border: #5A4820;--danger: #F07062;--danger-bg: #2A1720;--gold: #E8C84A;--gold-bg: #2A2517;--gold-border: #5A4820;--shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 4px 12px rgba(0,0,0,.2);--shadow-md: 0 2px 8px rgba(128,144,212,.1), 0 8px 24px rgba(128,144,212,.06);--shadow-glow: 0 0 20px rgba(128,144,212,.15);--shadow-gold-glow: 0 0 24px rgba(232,200,74,.18)}}@keyframes wave{0%{height:4px}to{height:32px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes breathe{0%,to{box-shadow:0 0 #1b206033}50%{box-shadow:0 0 0 16px #1b206000}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes checkPop{0%{transform:scale(0) rotate(-10deg)}60%{transform:scale(1.15) rotate(2deg)}to{transform:scale(1) rotate(0)}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06);filter:drop-shadow(0 0 12px var(--danger))}}@keyframes scoreGlow{0%,to{box-shadow:0 1px 2px #1c19170a,0 4px 12px #1c191708}50%{box-shadow:var(--shadow-gold-glow)}}@keyframes heroSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes heroBadgePop{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes inkReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes accentLine{0%{width:0}to{width:48px}}@media(prefers-color-scheme:dark){@keyframes breathe{0%,to{box-shadow:0 0 #8090d440}50%{box-shadow:0 0 0 16px #8090d400}}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::selection{background:var(--accent-light);color:var(--accent)}button{font-family:inherit;-webkit-tap-highlight-color:transparent}button:active{transform:scale(.97)}input::placeholder{color:var(--text-muted)}textarea::placeholder{color:var(--text-muted)}textarea{font-family:inherit}.btn-primary,[data-btn=primary]{transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-primary:hover:not(:disabled),[data-btn=primary]:hover:not(:disabled){transform:translateY(-1px) scale(1.01);box-shadow:var(--shadow-md);filter:brightness(1.08)}.btn-primary:active,[data-btn=primary]:active{transform:scale(.97);filter:none}.btn-ghost,[data-btn=ghost]{transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-ghost:hover:not(:disabled),[data-btn=ghost]:hover:not(:disabled){background:var(--accent-light)!important;border-color:var(--accent)!important;color:var(--accent)!important}.card-hover{transition:all .25s cubic-bezier(.4,0,.2,1)}.card-hover:hover{border-color:var(--accent)!important;box-shadow:var(--shadow-md);transform:translateY(-2px)}@media(min-width:768px){.results-grid{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}.results-sidebar{position:sticky;top:24px}}.stagger-1{animation:heroSlideUp .6s cubic-bezier(.4,0,.2,1) 0s both}.stagger-2{animation:heroSlideUp .6s cubic-bezier(.4,0,.2,1) .12s both}.stagger-3{animation:heroSlideUp .6s cubic-bezier(.4,0,.2,1) .24s both}.stagger-4{animation:heroSlideUp .6s cubic-bezier(.4,0,.2,1) .36s both}.stagger-5{animation:heroSlideUp .6s cubic-bezier(.4,0,.2,1) .48s both}.stagger-6{animation:heroSlideUp .6s cubic-bezier(.4,0,.2,1) .6s both}.badge-pop-1{animation:heroBadgePop .5s cubic-bezier(.34,1.56,.64,1) .5s both}.badge-pop-2{animation:heroBadgePop .5s cubic-bezier(.34,1.56,.64,1) .62s both}.badge-pop-3{animation:heroBadgePop .5s cubic-bezier(.34,1.56,.64,1) .74s both}.timer-pulse{animation:timerPulse 1s ease-in-out infinite}.score-glow{animation:scoreGlow 2s ease-in-out infinite}.landing-glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(27,32,96,.07) 0%,rgba(27,32,96,.02) 40%,transparent 70%);pointer-events:none}@media(prefers-color-scheme:dark){.landing-glow{background:radial-gradient(circle,rgba(128,144,212,.1) 0%,rgba(128,144,212,.03) 40%,transparent 70%)}}.landing-rule{width:0;height:2px;background:var(--accent);margin:0 auto 28px;animation:accentLine .8s cubic-bezier(.4,0,.2,1) .6s both;border-radius:1px;opacity:.6}.section-divider{width:32px;height:2px;background:var(--accent);border-radius:1px;opacity:.5;margin:0 auto}
