:root{--bg1:#081426;--bg2:#0b2441;--card: rgba(255,255,255,.06);--card2: rgba(255,255,255,.08);--stroke: rgba(255,255,255,.12);--text:#e9f1ff;--muted: rgba(233,241,255,.68);--blue1:#2c7bff;--blue2:#1f5fff;--shadow: 0 14px 34px rgba(0,0,0,.45);--r16:16px;--r20:20px;--r24:24px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 50% 0%,rgba(44,123,255,.25),transparent 60%),linear-gradient(180deg,var(--bg2) 0%,var(--bg1) 45%,#050b14 100%)}a{color:inherit;text-decoration:none}button{font:inherit}.safe{max-width:520px;margin:0 auto;padding:14px 14px 92px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding:10px 12px;border-radius:var(--r24);background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid var(--stroke);box-shadow:var(--shadow)}.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.4px}.brand .logo{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(180deg,#2c7bff59,#ffffff0f);border:1px solid rgba(44,123,255,.35)}.pills{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}.pill{padding:6px 10px;border-radius:999px;background:#ffffff0d;border:1px solid var(--stroke);display:flex;gap:6px;align-items:center}.card{margin-top:14px;padding:16px;border-radius:var(--r24);background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid var(--stroke);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.h1{font-size:28px;font-weight:900;margin:0 0 6px}.sub{color:var(--muted);font-size:14px;margin:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.stat{padding:14px;border-radius:var(--r20);background:#00000038;border:1px solid rgba(255,255,255,.1)}.stat .label{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:8px}.stat .value{margin-top:6px;font-weight:900;font-size:18px}.stat .value small{font-size:13px;color:var(--muted);font-weight:700}.bigbtn{width:100%;margin-top:12px;padding:14px;border-radius:18px;border:0;cursor:pointer;color:#fff;font-weight:900;background:linear-gradient(180deg,var(--blue1),var(--blue2));box-shadow:0 18px 38px #2c7bff59}.bigbtn:active{transform:translateY(1px)}.rowbtns{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}.midbtn{width:100%;padding:12px;border-radius:16px;cursor:pointer;border:1px solid rgba(255,255,255,.12);background:#00000038;color:var(--text);font-weight:800;display:flex;gap:8px;justify-content:center;align-items:center}.midbtn:active{transform:translateY(1px)}.sectionTitle{font-size:24px;font-weight:900;margin:0 0 4px}.sectionSub{margin:0 0 10px;color:var(--muted);font-size:13.5px}.input{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#00000038;color:var(--text);outline:none}.input::placeholder{color:#e9f1ff73}.formRow{display:grid;grid-template-columns:1fr 110px;gap:10px;margin-top:12px}.okbtn{border:0;border-radius:14px;cursor:pointer;color:#fff;font-weight:900;background:linear-gradient(180deg,var(--blue1),var(--blue2))}.okbtn:active{transform:translateY(1px)}.note{margin-top:10px;color:#e9f1ff8c;font-size:13px;line-height:1.35}.depositBox{margin-top:10px;padding:14px;border-radius:var(--r20);background:#00000038;border:1px solid rgba(255,255,255,.1);color:#e9f1ffd9;font-size:13.5px}.depositBox b{color:var(--text)}.warn{margin-top:10px;display:flex;gap:10px;align-items:flex-start;color:#ffd07bf2;font-size:13px}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:10px 10px 12px;background:linear-gradient(180deg,#050b1400,#050b148c 30%,#050b14e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tabs{width:min(520px,calc(100% - 20px));display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;border-radius:18px;background:#00000059;border:1px solid rgba(255,255,255,.1)}.tab{padding:10px 8px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#e9f1ffcc;text-align:center;font-size:12px;font-weight:800;cursor:pointer}.tab.active{background:#2c7bff38;border:1px solid rgba(44,123,255,.45);color:#fff}.small{font-size:12px;color:var(--muted)}
