:root{--gold:#d4af37;--blue:#49c8ff;--pink:#ff45b9;--text:#fff7df;--muted:rgba(255,247,223,.65);--panel:rgba(3,10,24,.78)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 0%,rgba(73,200,255,.24),transparent 30%),linear-gradient(135deg,#02050d,#061327 60%,#02050d)}button,input{font:inherit}button{border:0;border-radius:15px;padding:12px 15px;font-weight:900;color:#06101f;background:linear-gradient(135deg,#fff2b2,var(--gold));cursor:pointer}button.ghost{background:rgba(255,255,255,.08);color:var(--text);border:1px solid rgba(255,255,255,.14)}button.danger{background:rgba(255,69,119,.14);color:#ffdce8;border:1px solid rgba(255,69,119,.32)}input{width:100%;margin:8px 0;padding:13px 14px;border-radius:15px;border:1px solid rgba(255,247,223,.16);background:rgba(255,255,255,.06);color:var(--text)}.shell{padding:30px}.hero,.panel,.metrics>div{border:1px solid rgba(212,175,55,.24);border-radius:28px;background:var(--panel);box-shadow:0 24px 80px rgba(0,0,0,.35);backdrop-filter:blur(18px)}.hero{display:flex;justify-content:space-between;padding:28px;margin-bottom:18px}.eyebrow{margin:0 0 8px;color:var(--gold);font-weight:900;letter-spacing:.24em}.hero h1{font-size:64px;margin:0;letter-spacing:-.07em}.hero p{color:var(--muted)}.pill{align-self:flex-start;padding:12px 16px;border-radius:999px;border:1px solid rgba(73,200,255,.28);color:#c6f2ff}.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.panel{padding:22px;margin-bottom:18px}.row{display:flex;gap:10px;flex-wrap:wrap}.url{width:100%;text-align:left;word-break:break-all;background:rgba(73,200,255,.09);color:#d8f7ff;border:1px solid rgba(73,200,255,.24)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metrics div{padding:18px}.metrics span{display:block;color:var(--muted);font-size:13px}.metrics strong{font-size:34px}.ranking{display:grid;gap:8px}.ranking div{display:flex;justify-content:space-between;padding:12px;border-radius:15px;background:rgba(255,255,255,.06)}@media(max-width:900px){.grid,.metrics{grid-template-columns:1fr}.hero{display:block}}