*{box-sizing:border-box}html,body{color:#f8fafc;background:#0b1020;min-height:100%;margin:0;font-family:Arial,sans-serif}body{min-height:100vh}.dashboard{width:min(1100px,90vw);margin:auto;padding:8vh 0}.eyebrow{color:#38bdf8;letter-spacing:.2em;font:800 .75rem monospace}.dashboard h1{letter-spacing:-.065em;max-width:850px;font-size:clamp(2.8rem,7vw,6.5rem);line-height:.9}.dashboard>p{color:#b8c4d8;max-width:720px;line-height:1.7}.dashboard section{background:#111a30;border:1px solid #25334f;margin:40px 0;padding:28px}.dashboard iframe{background:#070b14;border:0;max-width:100%;display:block;box-shadow:14px 14px #38bdf8}.dashboard a{color:#38bdf8;font-weight:700}.dashboard code{color:#fbbf24}.embed{background:0 0;place-items:center;width:100vw;height:100vh;display:grid;overflow:hidden}.frame,.empty{width:100%;height:100%;position:relative}.frame img{object-fit:contain}.frame>a{position:absolute;inset:0}.empty{text-align:center;color:#fff;background:linear-gradient(135deg,#111a30,#070b14);border:2px dashed #38bdf8;place-content:center;gap:10px;padding:24px;display:grid}.empty b{font-size:1.7rem}.empty span{color:#38bdf8;font:800 1.1rem monospace}.empty small{color:#9aa9bf;line-height:1.4}.dots{z-index:2;gap:5px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.dots i{background:#fff6;border-radius:50%;width:7px;height:7px}.dots i.active{background:#fff}@media (max-width:1000px){.dashboard section{padding:14px}.dashboard iframe{aspect-ratio:1000/70;width:100%;height:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}