:root{--ink:#08090B;--bone:#ECE6DA;--ice:#B9DCFF;--red:#FF3B30}*{box-sizing:border-box}html,body{height:100%;margin:0}
body{background:radial-gradient(1200px 600px at 70% -10%,#13202e 0,transparent 60%),var(--ink);color:var(--bone);font-family:Alexandria,system-ui,sans-serif;display:grid;place-items:center;padding:24px}
.card{width:min(380px,100%);padding:36px 28px;border:1px solid #ffffff14;border-radius:22px;background:#0d0f13cc;backdrop-filter:blur(10px);box-shadow:0 30px 80px #0008}
.mark svg{width:46px;height:46px}h1{font-family:'Reem Kufi',Alexandria;font-weight:700;font-size:30px;margin:14px 0 4px}.sub{opacity:.6;margin:0 0 26px;font-size:14px}
label{display:block;font-size:13px;opacity:.85;margin-bottom:14px}input{display:block;width:100%;margin-top:6px;padding:13px 14px;border-radius:12px;border:1px solid #ffffff1f;background:#07080a;color:var(--bone);font:inherit;font-size:16px;outline:none}
input:focus{border-color:var(--ice);box-shadow:0 0 0 3px #b9dcff22}button{width:100%;padding:14px;border:0;border-radius:12px;background:var(--bone);color:var(--ink);font:inherit;font-weight:700;font-size:16px;cursor:pointer;margin-top:6px}
button:disabled{opacity:.5}#msg{min-height:20px;color:#ff8a80;font-size:13px;margin:12px 0 0}