*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#3b7dfb;--primary-deep:#1a56db;--grad-primary:linear-gradient(135deg,#4c8bff,#1a56db 60%,#1240a8);--grad-success:linear-gradient(135deg,#34d399,#059669);--grad-danger:linear-gradient(135deg,#f87171,#dc2626);--ink-0:#060b18;--ink-1:#0a1120;--ink-2:#111c33;--glass:hsla(0,0%,100%,.055);--glass-strong:hsla(0,0%,100%,.085);--glass-line:#ffffff1f;--text-1:#f1f5f9;--text-2:#f1f5f9b8;--text-3:#f1f5f970;--success:#10b981;--warning:#fbbf24;--danger:#ef4444;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--font-sans:"DM Sans",system-ui,-apple-system,sans-serif;--font-serif:"DM Serif Display",Georgia,serif;--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1)}#root,body,html{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#060b18;background:var(--ink-0);color:#f1f5f9;color:var(--text-1);font-family:DM Sans,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}::selection{background:#3b7dfb52}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:99px}.stage{align-items:center;background:linear-gradient(160deg,#060b18,#0b1730 45%,#10254d);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;padding:24px;position:relative}.aurora{inset:0;pointer-events:none;position:absolute;z-index:0}.aurora span{border-radius:50%;filter:blur(88px);mix-blend-mode:screen;position:absolute;will-change:transform}.aurora span:first-child{animation:iDrift1 27s cubic-bezier(.65,0,.35,1) infinite;animation:iDrift1 27s var(--ease-in-out) infinite;background:radial-gradient(circle,#3b7dfb8c,#0000 68%);height:560px;left:-120px;top:-180px;width:560px}.aurora span:nth-child(2){animation:iDrift2 33s cubic-bezier(.65,0,.35,1) infinite;animation:iDrift2 33s var(--ease-in-out) infinite;background:radial-gradient(circle,#7c3aed73,#0000 68%);bottom:-180px;height:480px;right:-110px;width:480px}.aurora span:nth-child(3){animation:iDrift3 29s cubic-bezier(.65,0,.35,1) infinite;animation:iDrift3 29s var(--ease-in-out) infinite;background:radial-gradient(circle,#0ea5e952,#0000 68%);height:400px;left:48%;top:45%;width:400px}@keyframes iDrift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(110px,90px) scale(1.16)}}@keyframes iDrift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-100px,-70px) scale(1.13)}}@keyframes iDrift3{0%,to{transform:translate(0) scale(1)}45%{transform:translate(-80px,60px) scale(.87)}}.grid-veil{background-image:linear-gradient(hsla(0,0%,100%,.045) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.045) 1px,#0000 0);background-size:54px 54px;inset:0;mask-image:radial-gradient(ellipse 80% 70% at 50% 0,#000 20%,#0000 78%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 0,#000 20%,#0000 78%);pointer-events:none;position:absolute;z-index:0}.card{animation:cardIn .6s cubic-bezier(.16,1,.3,1) both;animation:cardIn .6s var(--ease-out) both;backdrop-filter:saturate(160%) blur(22px);-webkit-backdrop-filter:saturate(160%) blur(22px);background:linear-gradient(160deg,hsla(0,0%,100%,.085),hsla(0,0%,100%,.035));border:1px solid #ffffff1f;border:1px solid var(--glass-line);border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 30px 90px #020714b3,inset 0 1px 0 #ffffff24;max-width:680px;padding:clamp(26px,5vw,46px);position:relative;width:100%;z-index:1}@keyframes cardIn{0%{opacity:0;transform:perspective(1100px) rotateX(9deg) translateY(30px)}to{opacity:1;transform:perspective(1100px) rotateX(0) translateY(0)}}.eyebrow{align-items:center;color:#93c5fd;display:inline-flex;font-size:11px;font-weight:800;gap:9px;letter-spacing:.2em;text-transform:uppercase}.title{color:#fff;font-family:"DM Serif Display",Georgia,serif;font-family:var(--font-serif);font-size:clamp(27px,4vw,36px);letter-spacing:-.02em;line-height:1.15}.lede{color:#f1f5f9b8;color:var(--text-2);font-size:15px;line-height:1.7}.pill{background:hsla(0,0%,100%,.085);background:var(--glass-strong);border:1px solid #ffffff1f;border:1px solid var(--glass-line);border-radius:99px;color:#f1f5f9;color:var(--text-1);font-size:13px;font-weight:600;gap:8px;padding:7px 15px}.btn,.pill{align-items:center;display:inline-flex}.btn{border:1px solid #0000;border-radius:15px;color:#fff;cursor:pointer;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:15.5px;font-weight:700;gap:10px;isolation:isolate;justify-content:center;overflow:hidden;padding:15px 30px;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .25s cubic-bezier(.16,1,.3,1),filter .2s;transition:transform .2s var(--ease-spring),box-shadow .25s var(--ease-out),filter .2s}.btn:before{background:linear-gradient(110deg,#0000 20%,#ffffff47 50%,#0000 80%);content:"";inset:0;position:absolute;transform:translateX(-120%);transition:transform .6s cubic-bezier(.16,1,.3,1);transition:transform .6s var(--ease-out);z-index:-1}.btn:hover:before{transform:translateX(120%)}.btn:active{transform:scale(.97);transition-duration:.08s}.btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn-primary{background:linear-gradient(135deg,#4c8bff,#1a56db 60%,#1240a8);background:var(--grad-primary);box-shadow:0 6px 22px #1a56db73,inset 0 1px 0 #fff3}.btn-primary:hover{box-shadow:0 12px 34px #1a56db94;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#34d399,#059669);background:var(--grad-success);box-shadow:0 6px 22px #05966973,inset 0 1px 0 #fff3}.btn-success:hover{box-shadow:0 12px 34px #05966994;transform:translateY(-2px)}.btn-ghost{background:hsla(0,0%,100%,.085);background:var(--glass-strong);border-color:#ffffff1f;border-color:var(--glass-line);color:#f1f5f9;color:var(--text-1)}.btn-ghost:hover{background:#ffffff24;transform:translateY(-2px)}.rec-dot{flex-shrink:0;height:11px;position:relative;width:11px}.rec-dot,.rec-dot:after{background:#ef4444;background:var(--danger);border-radius:50%}.rec-dot:after{animation:recPulse 1.8s cubic-bezier(.16,1,.3,1) infinite;animation:recPulse 1.8s var(--ease-out) infinite;content:"";inset:0;position:absolute}@keyframes recPulse{0%{opacity:.75;transform:scale(1)}70%,to{opacity:0;transform:scale(3.2)}}.ring{transform:rotate(-90deg)}.ring circle{fill:none;stroke-linecap:round}.ring .track{stroke:#ffffff1a}.ring .value{transition:stroke-dashoffset 1s linear,stroke .4s}.cam-wrap{overflow:hidden;position:relative}.cam,.cam-wrap{border-radius:20px;border-radius:var(--radius-lg);width:100%}.cam{aspect-ratio:4/3;background:#0b1730;display:block;object-fit:cover;transform:scaleX(-1)}.cam-wrap.live:after{animation:camGlow 2.4s cubic-bezier(.65,0,.35,1) infinite;animation:camGlow 2.4s var(--ease-in-out) infinite;border:2px solid #ef4444b3;border-radius:20px;border-radius:var(--radius-lg);content:"";inset:0;pointer-events:none;position:absolute}@keyframes camGlow{0%,to{box-shadow:0 0 0 0 #ef44444d,inset 0 0 22px #ef44441a}50%{box-shadow:0 0 0 8px #ef444400,inset 0 0 34px #ef444433}}.cam-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060b18b8;border:1px solid #ffffff24;border-radius:99px;color:#fff;display:flex;font-size:11px;font-weight:800;gap:7px;left:12px;letter-spacing:.1em;padding:6px 12px;position:absolute;top:12px}.meter{align-items:flex-end;display:flex;gap:3px;height:20px}.meter i{background:#10b981;background:var(--success);border-radius:2px;height:100%;transform:scaleY(.12);transform-origin:bottom;transition:transform .09s linear,background .25s;width:3px}.q-eyebrow{color:#7fb0ff;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.q-text{color:#fff;font-family:"DM Serif Display",Georgia,serif;font-family:var(--font-serif);font-size:clamp(22px,2.9vw,34px);letter-spacing:-.015em;line-height:1.35}.q-enter{animation:qIn .55s cubic-bezier(.16,1,.3,1) both;animation:qIn .55s var(--ease-out) both}@keyframes qIn{0%{opacity:0;transform:perspective(1000px) translateZ(-70px) translateY(22px)}to{opacity:1;transform:perspective(1000px) translateZ(0) translateY(0)}}.step-dot{background:#ffffff2e;border-radius:99px;height:8px;transition:width .4s cubic-bezier(.34,1.56,.64,1),background .4s;transition:width .4s var(--ease-spring),background .4s;width:8px}.step-dot.done{background:#10b981;background:var(--success)}.step-dot.now{background:#3b7dfb;background:var(--primary);box-shadow:0 0 12px #3b7dfbcc;width:26px}.bar{background:#ffffff14;height:4px;overflow:hidden}.bar>i{background:linear-gradient(135deg,#4c8bff,#1a56db 60%,#1240a8);background:var(--grad-primary);display:block;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);transition:width .6s var(--ease-out)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff24;border-radius:50%;border-top:3px solid var(--primary);height:44px;width:44px}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floaty{animation:floaty 4.5s cubic-bezier(.65,0,.35,1) infinite;animation:floaty 4.5s var(--ease-in-out) infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .55s cubic-bezier(.16,1,.3,1) both;animation:fadeUp .55s var(--ease-out) both}@keyframes popIn{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.pop{animation:popIn .55s cubic-bezier(.34,1.56,.64,1) both;animation:popIn .55s var(--ease-spring) both}.icon-badge{align-items:center;border:1px solid #ffffff1f;border:1px solid var(--glass-line);border-radius:24px;box-shadow:0 14px 40px #02071499,inset 0 1px 0 #ffffff2e;display:flex;height:74px;justify-content:center;margin:0 auto 22px;width:74px}.rule-row{align-items:flex-start;color:#f1f5f9b8;color:var(--text-2);display:flex;font-size:14.2px;gap:13px;line-height:1.6;margin-bottom:13px}.rule-num{align-items:center;background:#3b7dfb2e;border:1px solid #3b7dfb52;border-radius:9px;color:#93c5fd;display:flex;flex-shrink:0;font-size:11.5px;font-weight:800;height:25px;justify-content:center;width:25px}.stat-tile{background:hsla(0,0%,100%,.055);background:var(--glass);border:1px solid #ffffff1f;border:1px solid var(--glass-line);border-radius:14px;border-radius:var(--radius-md);flex:1 1;min-width:116px;padding:15px 12px;text-align:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s;transition:transform .3s var(--ease-spring),background .3s}.stat-tile:hover{background:hsla(0,0%,100%,.085);background:var(--glass-strong);transform:translateY(-3px)}.stat-tile b{color:#fff;display:block;font-family:"DM Serif Display",Georgia,serif;font-family:var(--font-serif);font-size:21px;line-height:1.2}.stat-tile span{color:#f1f5f970;color:var(--text-3);font-size:11.5px}.room{background:#060b18;background:var(--ink-0);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;position:relative}.room-body{display:grid;flex:1 1;grid-template-columns:1fr 360px}.room-main{padding:clamp(24px,4.4vw,56px)}.room-main,.room-side{display:flex;flex-direction:column;justify-content:center}.room-side{align-items:center;background:#00000057;border-left:1px solid #ffffff12;gap:14px;padding:24px}@media (max-width:940px){.room-body{grid-template-columns:1fr}.room-side{border-bottom:1px solid #ffffff12;border-left:none;order:-1;padding:16px}.cam{aspect-ratio:16/10}.room-side .cam-wrap{max-width:420px}.room-main{padding:24px 20px 34px}}@media (max-width:560px){.stat-tile{min-width:0}.btn{width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.aurora span,.cam-wrap.live:after,.floaty,.rec-dot:after{animation:none}.ring .value{transition:none}}