:root{color-scheme:dark;--bg:#080e1b;--panel:#111b2d;--line:#26354d;--text:#f5f8ff;--muted:#9eacc2;--blue:#287cff;--green:#21c58b}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0,#142b50 0,transparent 55%),var(--bg);font:15px/1.55 Inter,system-ui,Arial,sans-serif;color:var(--text);display:grid;place-items:center;padding:24px}
.shell{width:min(100%,480px)}.panel{background:linear-gradient(160deg,#142137,#0e1727);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 24px 80px #0008}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px}.coin{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#1aa879;color:white;font-size:25px}
.eyebrow{margin:30px 0 8px;color:#72aaff;font-size:10px;font-weight:800;letter-spacing:1.8px}h1{font-size:29px;line-height:1.2;margin:0 0 10px}.muted,.hint,.foot{color:var(--muted)}.muted{font-size:13px}
label{display:block;margin:26px 0 8px;font-size:12px;color:#c5d2e5}.amount-input{display:flex;align-items:center;background:#091322;border:1px solid var(--line);border-radius:13px;padding:0 15px}.amount-input input{width:100%;padding:16px 0;background:none;border:0;outline:0;color:white;font-size:25px;font-weight:750}.amount-input span{color:#55d6a7;font-weight:800}.hint{font-size:11px;margin:6px 0 18px}
.summary{border:1px solid var(--line);border-radius:13px;padding:14px 15px;margin:20px 0;display:grid;gap:10px}.summary div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.summary span{color:var(--muted)}.summary strong{font-size:12px}.status{color:#ffcb70}
button{width:100%;border:0;border-radius:12px;padding:15px 18px;font-size:14px;font-weight:800;cursor:pointer;background:linear-gradient(90deg,#267bff,#536bff);color:white;margin-top:10px}button.secondary{background:#1a2b44;border:1px solid #304666}button:disabled{opacity:.45;cursor:not-allowed}.wallet{margin:10px 0;overflow-wrap:anywhere;font-size:11px}.message{margin-top:14px;font-size:12px;overflow-wrap:anywhere}.message.error{color:#ff8585}.message.ok{color:#54dfa9}.order{font-size:10px;color:#8fa3bf;overflow-wrap:anywhere;margin-top:10px}.foot{font-size:10px;margin:22px 0 0}footer{text-align:center;color:#6f819d;font-size:10px;margin:16px}

a.btn{display:block;text-align:center;text-decoration:none;border-radius:12px;padding:15px 18px;font-size:14px;font-weight:800;margin-top:10px;background:#1a2b44;border:1px solid #304666;color:#fff}