*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,#1d2333,#111215 60%);color:#e8e8ea}
main{width:min(92vw,380px);padding:32px 28px;border:1px solid #2a2c31;border-radius:16px;background:#17181bcc;backdrop-filter:blur(6px);box-shadow:0 20px 60px #0008}
.logo{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin:0 auto 14px;background:linear-gradient(135deg,#7aa2ff,#b388ff);color:#0d0f14;font-weight:800;font-size:1.2rem}
h1{font-size:1.3rem;margin:0 0 4px;text-align:center}p{color:#9a9ba1;margin:0 0 22px;text-align:center;font-size:.95rem}
label{display:block;font-size:.85rem;color:#b9bac0;margin:0 0 6px}
input{width:100%;font:inherit;padding:11px 12px;border-radius:10px;border:1px solid #33363d;background:#0f1013;color:inherit;margin:0 0 14px;outline:none}
input:focus{border-color:#7aa2ff;box-shadow:0 0 0 3px #7aa2ff33}
button{font:600 1rem system-ui,sans-serif;width:100%;padding:12px;border-radius:10px;border:0;background:#7aa2ff;color:#0d0f14;cursor:pointer;margin-top:4px}
button:disabled{opacity:.6;cursor:default}#msg{min-height:1.5em;margin-top:14px;color:#ff8a80;font-size:.92rem;text-align:center}#msg.ok{color:#8be59b}