:root{--plum:#5e3653;--ink:#2e2a39;--soft:#f3eef1;--white:#fff;--danger:#a80c25}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--soft);color:var(--ink);-webkit-text-size-adjust:100%;font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5}.screen{flex-direction:column;justify-content:center;max-width:480px;min-height:100dvh;margin:0 auto;padding:32px 20px;display:flex}.screen h1{margin:0 0 24px;font-size:28px;font-weight:600;line-height:1.2}.form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;font-weight:500;display:flex}.field input{background:var(--white);min-height:48px;color:var(--ink);font:inherit;border:1px solid #cdbfc8;border-radius:12px;padding:0 14px;font-weight:400}.field input:focus-visible{outline:3px solid var(--plum);outline-offset:1px}.button{background:var(--plum);min-height:48px;color:var(--white);font:inherit;cursor:pointer;border:0;border-radius:12px;padding:0 20px;font-weight:600}.button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.error{color:var(--danger);margin:0;font-weight:500}