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;background:radial-gradient(1200px 600px at 50% -10%,#1a1526,#0d1117 60%),#0d1117}.card{text-align:center;padding:40px 48px;border-radius:14px;background:#111820;border:1px solid #ffd54f55;box-shadow:0 10px 40px #0008}.card h1{margin:0 0 6px;color:#ffd54f;font-size:40px;letter-spacing:1px}.card .sub{margin:0 0 26px;color:#aaa;font-size:15px}.card .hint{margin:18px 0 0;color:#777;font-size:12px}.btn{background:#ffd54f;color:#0d1117;border:0;cursor:pointer;padding:12px 26px;border-radius:8px;font-size:16px;font-weight:700}.btn:hover{background:#ffc934}#app{display:flex;align-items:center;justify-content:center;height:100%}#app canvas{border-radius:8px}