/* Smart Entry Pro — Live Room experience layer. No external dependencies. */
:root{--room-electric:#67ecfa;--room-amber:#f9bb6d;}
body{background:radial-gradient(ellipse at 15% -5%,#122b29 0%,transparent 38%),radial-gradient(ellipse at 90% 15%,#092838,transparent 27%),#030810}
body:before{content:"";position:absolute;pointer-events:none;z-index:-1;top:70px;left:0;right:0;height:950px;opacity:.22;background-image:linear-gradient(#153443 1px,transparent 1px),linear-gradient(90deg,#153443 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(#000,transparent 95%)}
.top{box-shadow:0 2px 28px #001c2280;backdrop-filter:blur(22px)}
.topin{max-width:1440px}.brand{letter-spacing:-.8px}
.brand:before{content:"◈";display:inline-block;margin-right:9px;color:#69f998;text-shadow:0 0 18px #57ff3766}
.nav .primary{box-shadow:0 0 24px #57ff373d}
.hero{position:relative;padding:36px 0 30px}
.hero:after{content:"";position:absolute;right:2%;top:4px;width:230px;height:160px;border:1px solid #19444a;border-radius:100%;transform:rotate(-15deg);opacity:.25;pointer-events:none;box-shadow:0 0 0 28px #15373d30,0 0 0 56px #15373d12}
.eyebrow{letter-spacing:2px}.hero h1{font-size:clamp(33px,4.9vw,65px);max-width:820px}
.hero h1 span{color:#73ff59;text-shadow:0 0 55px #57ff3744}
.lead{font-size:15px;max-width:850px}
.room-statline{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 17px;background:linear-gradient(98deg,#0e2e29,#0a2131 55%,#101c2d);border:1px solid #345a65;border-radius:13px;margin:13px 0 18px}
.room-statline-left{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.room-light{width:8px;height:8px;background:#657e8a;border-radius:50%;box-shadow:0 0 0 5px #69828a1c}
.room-statline strong{font-size:13px}
.room-statline span{font-size:12px;color:#b1c8d2}
.room-statline a{font-size:12px;font-weight:900;color:#041708;background:#79f89d;padding:10px 14px;border-radius:9px;white-space:nowrap}
.stage{border:1px solid #2f6070;box-shadow:0 22px 80px #00182090,0 0 38px #27d0db09;position:relative}
.stagehead{padding:14px 17px;background:linear-gradient(90deg,#10313b,#0a1b29)}
.stagehead strong{font-size:15px}.video{background:linear-gradient(150deg,#071b2c,#031017);isolation:isolate}
.video:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.3;background:repeating-linear-gradient(0deg,transparent,transparent 45px,#346073 46px),repeating-linear-gradient(90deg,transparent,transparent 61px,#346073 62px)}
.video:after{content:"";position:absolute;pointer-events:none;inset:0;box-shadow:inset 0 0 140px #04111e80}
.video iframe{position:relative;z-index:3}
.offline{z-index:1;width:100%;max-width:680px;padding:36px}
.offline .icon{font-size:49px;filter:drop-shadow(0 0 18px #57ff3766)}
.offline h2{font-weight:1000;letter-spacing:-1px}
.offline p{line-height:1.6}
.room-waiting{font-size:11px!important;letter-spacing:1.1px;color:#72f4b2!important;font-weight:950}
.room-actionbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;background:#0c2532;border-top:1px solid #2d4c5e}
.room-actionbar strong{display:block;font-size:12px;color:#ddf7ff}.room-actionbar small{display:block;font-size:11px;color:#a6bfce}
.room-actionbar button{background:#142e3d;border:1px solid #426473;color:#e1faff;border-radius:9px;font:800 12px system-ui;padding:10px 14px;cursor:pointer}
.room-actionbar button:hover{border-color:#79f9c2}
.scene{background:#061721}.market{position:relative;background:linear-gradient(150deg,#11293b,#081b29);min-height:76px}
.market:first-child{border-color:#278e95}.market:nth-child(2){border-color:#28668b}.market:nth-child(3){border-color:#426e44}
.market b{font-size:13px}.market small{display:block;margin-top:5px}
.market:after{content:"";position:absolute;right:11px;top:13px;width:6px;height:6px;border:1px solid #598b96;border-radius:50%}
.side .panel{background:linear-gradient(145deg,#0c2231,#061522);border-color:#2a4859}
#trial{border-color:#4b8a59;box-shadow:inset 0 0 30px #57ff3708}
#trial:before{content:"FREE ACCESS";display:inline-block;border-radius:5px;padding:4px 7px;background:#173f2b;color:#9df5a0;font-size:9px;font-weight:950;letter-spacing:1px;margin-bottom:8px}
.side h3{font-size:19px;letter-spacing:-.35px}
.side p{font-size:13px}.action{box-shadow:0 8px 18px #00000037;transition:transform .18s,background .18s}
.action:hover{transform:translateY(-1px)}
.action.outline{box-shadow:none}
.panel{box-shadow:0 12px 36px #00000028}
.panel h3{letter-spacing:-.3px}.details .panel{border-color:#203b4b}
details{border-top:1px solid #29414e;padding:14px 0}
details:first-child{border-top:0}
summary{cursor:pointer;font-weight:850;color:#d7f4ff;list-style-position:outside;margin-left:16px}
details p{padding-left:17px;color:#9cb6c7;font-size:13px}
.room-questions{margin:0 0 24px;background:#081b29;border:1px solid #203a4b;border-radius:15px;padding:14px 21px}
.room-questions h2{margin:4px 0 12px;font-size:20px}
#local-session{font-size:12px;color:#bbdee7}
#countdown-time{font-weight:900;color:#dff7ff;font-variant-numeric:tabular-nums}
.screenhint{font-size:11px;color:#9cbec8;padding-left:7px}
@media (max-width:1020px){.room-statline{align-items:flex-start}.hero:after{display:none}}
@media (max-width:650px){.room-statline{display:block;padding:13px}.room-statline a{display:block;width:max-content;margin-top:12px}.room-actionbar{align-items:flex-start}.room-actionbar small{max-width:215px}.room-actionbar button{min-width:70px}.market{min-height:66px}.hero h1{letter-spacing:-1.5px}.screenhint{display:none}.video{aspect-ratio:1.58;min-height:265px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


.room-launch{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid #37685c;border-radius:16px;background:linear-gradient(110deg,#103b2b,#0a2335);margin:0 0 16px}.room-launch h2{font-size:clamp(22px,3vw,32px);margin:8px 0}.room-launch p{color:#c1d9df;margin:5px 0}.room-launch .action{flex-shrink:0}.room-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.room-offers .panel{display:flex;flex-direction:column;padding:22px}.room-offers h2{font-size:34px;line-height:1.2;margin:12px 0}.room-offers h2 span{font-size:19px;color:#a1e9b3}.room-offers p{font-size:13px;color:#acc2d0}.room-offers .action{font-size:13px}.room-offer-featured{border-color:#78ed8b;background:linear-gradient(145deg,#153b2e,#0a1d2b)}#room-launch-local{color:#9affbb;font-size:13px}@media(max-width:950px){.room-offers{grid-template-columns:1fr}.room-launch{align-items:flex-start;flex-direction:column}.room-launch .action{width:100%}}