.screen{flex-direction:column;justify-content:center;max-width:420px;min-height:100dvh;margin:0 auto;padding:40px 20px;display:flex}.brand{letter-spacing:-.01em;margin:0 0 36px;font-size:36px;line-height:1.1}.field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.field label{color:var(--muted);font-size:16px;font-weight:500}.field input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);height:56px;color:var(--text);font:500 18px var(--font-body);padding:0 18px}.field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #ffb38a40}.btn{border-radius:var(--radius-lg);background:var(--accent);width:100%;min-height:56px;color:var(--on-accent);font:600 18px var(--font-body);cursor:pointer;border:0;margin-top:8px;padding:0 24px}.btn:disabled{opacity:.6;cursor:default}.btn:focus-visible{outline:3px solid var(--text);outline-offset:3px}.btn-secondary{color:var(--text);border:1px solid var(--line);background:0 0}.hint{text-align:center;color:var(--muted);margin:16px 0 0;font-size:15px}.error{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--accent);text-align:center;margin:20px 0 0;padding:14px 16px;font-weight:500}.greeting{margin:0 0 32px;font-size:32px}