:root { color-scheme: dark; }
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu; background:#0b1220; color:#e5e7eb;}
.wrap{max-width:1100px;margin:0 auto;padding:24px;}
.card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.25);}
.row{display:grid;grid-template-columns:1fr;gap:14px;}
@media (min-width: 900px){.row{grid-template-columns:420px 1fr;}}
input,button{border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#e5e7eb;padding:10px 12px;font-size:15px;}
button{cursor:pointer;background:rgba(59,130,246,.25);border-color:rgba(59,130,246,.45);}
button:hover{background:rgba(59,130,246,.35);}
.small{opacity:.85;font-size:13px}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(16,185,129,.18);border:1px solid rgba(16,185,129,.35);font-size:12px}
.badge.gray{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.2)}
hr{border:0;border-top:1px solid rgba(255,255,255,.12);margin:14px 0}
a{color:#93c5fd;text-decoration:none}
a:hover{text-decoration:underline}
code{background:rgba(255,255,255,.08);padding:2px 6px;border-radius:8px}