:root { --bg:#0c0d0f; --fg:#e6e6e6; --muted:#a9abb3; --pri:#4da3ff; --ok:#14b8a6; --warn:#f59e0b; }
* { box-sizing: border-box; }
body { margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif; background:var(--bg); color:var(--fg); }
.wrap { max-width:720px; margin:6rem auto 3rem; padding:0 1rem; }
h1 { margin:0 0 1rem; font-size:2.2rem; }
p { color:var(--muted); }
label { display:block; margin:1rem 0 .5rem; color:var(--fg); }
input[type="text"],input[type="email"]{ width:100%; padding:.75rem .9rem; border:1px solid #2a2d34; border-radius:.5rem; background:#121419; color:var(--fg); }
.check { display:flex; gap:.5rem; align-items:center; color:var(--muted); }
.btn { padding:.7rem 1rem; border-radius:.5rem; border:1px solid #2a2d34; background:#181b22; color:var(--fg); cursor:pointer; }
.btn-primary { background:var(--pri); border-color:transparent; color:#0a0a0a; font-weight:600; }
.btn-secondary { background:#2a2d34; color:var(--fg); }
.msg { min-height:1.5rem; margin-top:.75rem; }
.foot { margin-top:2rem; color:var(--muted); }

/* CMP */
.cmp { position:fixed; inset:auto 0 0 0; background:rgba(12,13,15,.9); backdrop-filter:saturate(180%) blur(6px); display:flex; justify-content:center; padding:1rem; z-index:9999; }
.cmp.is-hidden { display:none; }
.cmp-panel { width:min(920px,95vw); background:#0f1116; border:1px solid #2a2d34; border-radius:.8rem; padding:1rem; }
h2 { margin:.2rem 0 .4rem; }
.cmp-actions { display:flex; gap:.75rem; margin:.75rem 0; }
.cmp-actions .btn { flex:1; }
.cmp-note { font-size:.9rem; color:var(--muted); }