html,body,#root{height:100%;margin:0}body{background:#0d1117;color:#e6edf3;font-family:system-ui,sans-serif}.gate{height:100%;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(1400px 700px at 50% -10%,rgba(26,21,38,.35) 0%,transparent 60%),linear-gradient(180deg,#0a0a14,#0d1117);overflow:hidden}.gate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/sprites/title_bg.png);background-size:cover;background-position:center;opacity:.28;filter:saturate(.8) brightness(.7);pointer-events:none}.gate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a148c,#0a0a1433 40%,#0a0a14bf);pointer-events:none}.card{position:relative;text-align:center;padding:44px 52px 36px;border-radius:18px;background:linear-gradient(180deg,#141a26,#0e1420);border:1px solid rgba(255,213,79,.35);box-shadow:0 24px 80px #0009,inset 0 1px #ffffff0f;max-width:420px;width:90%}.card .eyebrow{font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:#8a93a6;margin:0 0 10px}.card h1{margin:0 0 4px;color:#ffd54f;font-size:46px;letter-spacing:2px;font-weight:800;text-shadow:0 2px 24px rgba(255,213,79,.25)}.card .sub{margin:0 0 26px;color:#b9c0cf;font-size:15px}.card .hint{margin:18px 0 0;color:#7c8494;font-size:12px}.card .hint strong{color:#ffd54f}.btn{display:block;width:100%;box-sizing:border-box;background:#ffd54f;color:#0d1117;border:0;cursor:pointer;padding:13px 26px;border-radius:10px;font-size:16px;font-weight:700;transition:transform .12s ease,background .12s ease}.btn:hover{background:#ffc934;transform:translateY(-1px)}.btn.abstract{background:#0f0f0f;color:#fff;border:1px solid #00e676;margin-top:10px}.btn.abstract:hover{background:#161616}.btn.ghost{background:transparent;color:#b9c0cf;border:1px solid #3b4252;margin-top:10px;font-weight:600}.btn.ghost:hover{background:#1a2230;color:#fff}.or{color:#6b7280;font-size:12px;margin:14px 0 0;letter-spacing:.1em}.emblem-row{display:flex;justify-content:center;gap:26px;margin:24px 0 4px}.emblem-row img{width:40px;height:40px;opacity:.7}#app{display:flex;align-items:center;justify-content:center;height:100%}#app canvas{border-radius:8px}