:root{color-scheme:light dark;--bg:#0f0a1c;--card:#1a1230;--text:#f4f1fb;--muted:#b9b0cf;--accent:#5fe3d8}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}
.card{width:100%;max-width:460px;background:var(--card);border-radius:20px;padding:32px 24px;text-align:center;box-shadow:0 0 0 1px rgba(95,227,216,.25)}
.weby{border-radius:50%;box-shadow:0 0 0 2px rgba(95,227,216,.55),0 0 22px rgba(95,227,216,.4)}
h1{font-size:1.5rem;margin:16px 0 8px}
p{color:var(--muted);margin:8px 0}
strong{color:var(--text)}
.note{font-size:.9rem;color:var(--accent)}
form{display:grid;gap:12px;margin-top:20px;text-align:left}
label{font-size:.9rem;color:var(--muted)}
input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #3a2f57;background:#120c22;color:var(--text);font:inherit}
button{padding:14px 18px;border:0;border-radius:12px;background:#006aff;color:#fff;font:600 1rem system-ui,sans-serif;cursor:pointer}
button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}