23 lines
2.3 KiB
CSS
23 lines
2.3 KiB
CSS
:root { color-scheme: dark; font-family: Inter, system-ui, -apple-system, Segoe UI, sans-serif; background:#0d1118; color:#f0f1f3 }
|
|
* { box-sizing: border-box }
|
|
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 50% -20%,#25251b,transparent 55%),#0d1118 }
|
|
.shell { max-width: 1030px; margin: 0 auto; padding: 34px 20px 30px }
|
|
.top,.brand,.actions { display:flex;align-items:center;gap:14px }
|
|
.top { justify-content:space-between; margin-bottom:30px }
|
|
.coin { display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(140deg,#ffe187,#bc7925);font-size:32px;font-weight:850;color:#25200f }
|
|
h1 { font-size:1.65rem; margin:0; letter-spacing:-.025em } h2 { margin:0 0 18px;font-size:1.15rem }
|
|
.brand p { color:#a3aab6; font-size:.83rem;margin:3px 0 0 }
|
|
.pill { background:#242b35;color:#bfc5ce;padding:8px 11px;border-radius:999px;font-size:.76rem }
|
|
.warning { border:1px solid #aa8540; border-radius:15px; background:#2c261b;color:#f8de9a; padding:17px 19px;line-height:1.65;margin-bottom:20px }
|
|
.grid { display:grid;grid-template-columns:1fr 1fr;gap:18px }
|
|
.panel { min-height:235px; padding:25px;border:1px solid #29323c;background:linear-gradient(150deg,#1b222b,#171c23);border-radius:20px }
|
|
.hero { background:linear-gradient(150deg,#2c2a20,#192128) }
|
|
.eyebrow { color:#a7a7a0;font-size:.88rem }.balance { margin:14px 0 0;font-size:3.5rem;font-weight:750;letter-spacing:-.03em }.balance small {font-size:1.1rem;color:#eec36b}
|
|
p,.muted { color:#a5adbb }.actions { margin-top:24px;flex-wrap:wrap }
|
|
button {background:#ecc16c;color:#262019;border:0;border-radius:10px;padding:11px 14px;font-size:.9rem;font-weight:700;margin:3px 7px 3px 0}
|
|
button.secondary {background:#434956;color:#f2f2f2} button:disabled {opacity:.42;cursor:not-allowed}
|
|
.hint { font-size:.77rem;line-height:1.6;margin-top:19px } .empty {text-align:center;border:1px dashed #46515f;border-radius:12px;padding:37px 14px;color:#a5adbb }
|
|
dl {display:grid;grid-template-columns:1fr 1fr;gap:17px 10px} dt {color:#a5adbb} dd {margin:0;text-align:right;color:#f1ce83}
|
|
footer {color:#77808d;font-size:.8rem;text-align:center;padding-top:40px}
|
|
@media(max-width:720px) {.grid{grid-template-columns:1fr}.top{align-items:flex-start}.pill{white-space:nowrap}.balance{font-size:3rem} }
|