body{display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:16px}
.box{width:min(380px,100%);padding:28px;display:flex;flex-direction:column;gap:14px;border-radius:var(--r-lg)}
.mark{display:block;filter:drop-shadow(0 6px 14px rgba(10,108,255,.25))}
h1{font:700 1.5rem/1.2 var(--f-display);letter-spacing:-.025em;margin:0}
p{margin:0;color:var(--muted);font-size:.92rem}
label{display:flex;flex-direction:column;gap:5px;font-size:.84rem;font-weight:550;color:var(--muted)}
input{font:inherit;font-size:16px;color:var(--ink);padding:11px 12px;border:1px solid var(--line-strong);border-radius:12px;background:rgba(255,255,255,.85);width:100%}
input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
button{font:inherit;font-weight:600;color:#fff;background:var(--accent);border:0;border-radius:12px;padding:12px;cursor:pointer;box-shadow:0 4px 12px rgba(10,108,255,.24)}
button:disabled{opacity:.55;cursor:default}
.err{color:var(--crit);font-size:.86rem;min-height:1.2em}