﻿:root{
  --bg:#0b0b0f; --card:#141420; --border:#232337; --text:#f2f2f5; --muted:#d7d7de; --muted2:#a9a9b5;
  --btn:#f2f2f5; --btnText:#0b0b0f;
}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:var(--bg);color:var(--text)}
.wrap{max-width:820px;margin:0 auto;padding:44px 18px}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
h1{margin:0 0 10px;font-size:32px;letter-spacing:.2px}
h2{margin:22px 0 8px;font-size:18px}
p,li{color:var(--muted);line-height:1.6}
a{color:var(--text)}
.nav{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 0}
.nav a{text-decoration:none;color:var(--muted)}
.nav a:hover{text-decoration:underline}
.pill{display:inline-block;font-size:12px;padding:4px 10px;border:1px solid #2a2a40;border-radius:999px;color:#c7c7cf;margin-left:8px}
.cta{display:inline-block;margin-top:14px;padding:12px 16px;border-radius:10px;border:0;background:var(--btn);color:var(--btnText);text-decoration:none;font-weight:700}
.cta:hover{opacity:.9}
.fine{margin-top:16px;font-size:12px;color:var(--muted2)}
.disabled{opacity:.4;pointer-events:none}
hr{border:0;border-top:1px solid var(--border);margin:18px 0}
input[type="checkbox"]{transform:scale(1.1);margin-right:8px}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.brand img {
  width: 96px;
  height: 96px;
  border-radius: 12px;
}
.brand .name {
  font-weight: 800;
  font-size: 18px;
  letter-spacing: 0.2px;
}
.brand .tag {
  color: var(--muted2);
  font-size: 12px;
}
