*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:#fff;background:#07090f;font-family:Inter,Segoe UI,Arial,sans-serif}.shell{background:radial-gradient(circle at 50% 10%,#202b45 0,#0a0d15 50%,#050609 100%);grid-template-columns:minmax(210px,1fr) minmax(360px,750px) minmax(210px,1fr);width:100%;height:100%;display:grid}iframe{background:#000;border:0;width:100%;height:100%}.desktop-brand,.desktop-guide{color:#b8c3d8;flex-direction:column;justify-content:center;gap:18px;padding:48px 30px;display:flex}.desktop-brand span{color:#ffcf3f;letter-spacing:.12em;text-transform:uppercase;font-weight:900}.desktop-brand h1{color:#fff;max-width:440px;margin:0;font-size:clamp(38px,5vw,72px);line-height:.9}.desktop-brand p{line-height:1.7}.desktop-guide small{color:#ffcf3f;letter-spacing:.14em}.desktop-guide b{font-size:18px}.desktop-guide button{color:#fff;background:#111827;border:1px solid #64748b;border-radius:999px;width:max-content;padding:10px 20px}.connection{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617c7;place-items:center;display:grid;position:fixed;inset:0}.connection div,.blocked div{text-align:center;background:#111827;border:1px solid #334155;border-radius:20px;padding:32px}.blocked{background:#080b12;place-items:center;width:100%;height:100%;display:grid}.blocked span{color:#ffcf3f;font-weight:800}@media (width<=1080px){.shell{display:block}.desktop-brand,.desktop-guide{display:none}iframe{display:block}}