:root{--bg:#0b1220;--bg-2:#131c30;--text:#f5f7fb;--muted:#93a1bd;--card-radius:22px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:radial-gradient(1200px 600px at 50% -10%,#1b2740 0,var(--bg) 60%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:inherit;cursor:pointer}.container{max-width:460px;margin:0 auto;padding:24px 18px 64px}@keyframes sheen{0%{transform:translateX(-120%) rotate(12deg)}60%,to{transform:translateX(320%) rotate(12deg)}}.sheen{position:absolute;top:-30%;left:0;width:45%;height:160%;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.35) 50%,hsla(0,0%,100%,0));filter:blur(4px);animation:sheen 3.6s ease-in-out infinite;pointer-events:none;mix-blend-mode:overlay}@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(52,231,121,.7)}70%{box-shadow:0 0 0 10px rgba(52,231,121,0)}to{box-shadow:0 0 0 0 rgba(52,231,121,0)}}.live-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.14em;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.live-dot{width:8px;height:8px;border-radius:50%;background:#34e779;animation:livePulse 1.8s infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.logo-orb{position:relative;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:hsla(0,0%,100%,.14);overflow:hidden}.logo-orb:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,hsla(0,0%,100%,0) 0deg,hsla(0,0%,100%,.55) 90deg,hsla(0,0%,100%,0) 200deg);animation:spin 4s linear infinite}.logo-orb .glyph{position:relative;font-size:36px;animation:float 3s ease-in-out infinite;z-index:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 18px;border:none;border-radius:14px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#2d6cf6,#5a8dff);transition:transform .12s ease,filter .12s ease}.btn:active{transform:scale(.98)}.btn.wallet{background:#000;border:1px solid hsla(0,0%,100%,.18)}.btn:disabled{filter:grayscale(.4) brightness(.8);cursor:default}.btn.ghost{background:transparent;border:1px solid hsla(0,0%,100%,.16);color:var(--text)}.muted{color:var(--muted)}@keyframes spinnerRotate{to{transform:rotate(1turn)}}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spinnerRotate .7s linear infinite}@keyframes barSweep{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}.load-track{margin-top:12px;height:5px;border-radius:5px;background:hsla(0,0%,100%,.08);overflow:hidden}.load-fill{height:100%;width:25%;border-radius:5px;background:linear-gradient(90deg,transparent,#5a8dff,transparent);animation:barSweep 1.1s ease-in-out infinite}.load-status{margin-top:10px;text-align:center;font-size:13px;color:var(--muted);min-height:18px;transition:opacity .2s ease}.notice{margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(244,185,66,.1);border:1px solid rgba(244,185,66,.3);font-size:13px;line-height:1.5;color:#f0d9a8}.notice code{background:rgba(0,0,0,.35);padding:1px 5px;border-radius:5px;font-size:12px}