.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(350px,.85fr);gap:42px}.hero-copy h1{font-size:clamp(42px,4.5vw,64px)}
.alerts-desk{--terminal:#a8f3d0;position:relative;min-width:0;border:1px solid #343746;border-radius:16px;padding:26px;background:radial-gradient(ellipse at 100% 0%,#27244388,transparent 65%),#101219;box-shadow:0 24px 75px #0004;color:#edf0fa;overflow:hidden}
.alerts-desk:before{content:'';position:absolute;top:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,#a19aff,transparent)}
.alerts-top,.alerts-clock-label,.alerts-market,.alerts-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.alerts-top h2{font-size:19px;letter-spacing:-.4px;margin:0}.alerts-id,.alerts-clock-label,.alerts-market,.alerts-tabs,.alerts-controls,.alerts-kicker,.alerts-note{font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px}.alerts-id{color:#9690eb}.alerts-clock-label{margin-top:27px;color:#a6abbf;letter-spacing:1.4px}.alerts-clock{display:block;font:clamp(38px,4.3vw,60px)/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#e5e5ff;text-shadow:0 0 26px #9187ff26;margin:5px 0 17px}.alerts-market{letter-spacing:0;border-bottom:1px solid #30333e;padding-bottom:20px;font-size:10px;color:#8e96ab;flex-wrap:wrap}.alerts-status{color:#b9bfd1}.alerts-status:before{content:'';display:inline-block;width:6px;height:6px;border-radius:100%;background:#8b8fa3;margin-right:7px}.alerts-desk[data-open=true] .alerts-status{color:var(--terminal)}.alerts-desk[data-open=true] .alerts-status:before{background:var(--terminal);box-shadow:0 0 10px #a8f3d066}
.alerts-tabs{display:flex;gap:6px;margin:20px 0 0}.alerts-tabs button,.alerts-controls button{font:inherit;color:#9ca3b8;background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer;padding:7px 10px;letter-spacing:1px}.alerts-tabs button[aria-pressed=true]{color:#c8c3ff;background:#242139;border-color:#454064}.alerts-desk button:focus-visible{outline:2px solid #b2aaff;outline-offset:3px}.alerts-stage{min-height:207px;padding:22px 0 14px}.alerts-stage.animating{animation:alert-rise .3s ease-out}.alerts-kicker{color:#969fb5;margin:0 0 8px}.alerts-symbol{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:0}.alerts-gain{font:54px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-3px;color:var(--terminal);margin:8px 0}.alerts-gain small{font-size:22px;letter-spacing:0}.alerts-context{font-size:12px;color:#abb1c2;margin:8px 0 0}.alerts-futures{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.alerts-futures>div+div{border-left:1px solid #30333e;padding-left:18px}.alerts-futures .alerts-gain{font-size:34px;letter-spacing:-1.5px}.alerts-futures small{font-size:13px}.alerts-empty{padding-top:30px}.alerts-empty .alerts-symbol{font-size:22px}.alerts-controls{padding:10px 0;border-top:1px solid #30333e;color:#a3a8bd}.alerts-controls button{border-color:#30333e;padding:5px 9px}.alerts-note{font-size:9px;letter-spacing:0;color:#858da4;margin:10px 0 0}.alerts-progress{height:2px;background:#292b38;margin-top:7px}.alerts-progress span{display:block;height:100%;width:33.333%;background:#9d94fb;transition:transform .3s}.alerts-disclaimer{font-size:10px;line-height:1.6;color:#7e869b;margin:10px 0 0}
@keyframes alert-rise{from{opacity:.2;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.alerts-gain.alerts-loss{color:#ff737e}
.alerts-history{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#bfc3d8}.alerts-history>span:first-child{color:#969fb5;font-size:11px;margin-right:auto}.alerts-history button{background:#20202e;border:1px solid #454064;border-radius:5px;color:#c8c3ff;padding:5px 9px;cursor:pointer;font:inherit;min-height:32px}.alerts-history button:disabled{opacity:.3;cursor:default}.alerts-history button[hidden]{display:none}.alerts-tabs{margin-top:12px}
@media(max-width:1050px){.hero-grid{gap:25px;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr)}.hero-copy h1{font-size:44px}.alerts-desk{padding:22px}.hero-copy .actions{gap:16px;flex-wrap:wrap}}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:38px}.alerts-desk{max-width:560px;width:100%;box-sizing:border-box}.alerts-clock{font-size:54px}.hero-copy h1{font-size:clamp(38px,7vw,60px)}}
@media(max-width:400px){.alerts-desk{padding:18px}.alerts-clock{font-size:43px}.alerts-futures .alerts-gain{font-size:29px}.alerts-tabs button{padding:7px 8px}}
@media(prefers-reduced-motion:reduce){.alerts-stage.animating{animation:none}.alerts-progress span{transition:none}}