*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 15%,#e7defb,transparent 60%),#f8f7fc;color:#252637;font:16px system-ui,sans-serif;padding:24px}main{width:min(100%,460px);padding:38px;background:white;border:1px solid #e7e3ee;border-radius:24px;box-shadow:0 20px 90px #51426e15}h1{font-size:36px;line-height:1.1}.brand{background:#7059c5;color:white;font-weight:800;font-size:32px;width:54px;height:54px;text-align:center;border-radius:16px}p{line-height:1.6;color:#676577}label{display:grid;gap:8px;margin:20px 0;font-weight:600}input,button{font:inherit;padding:14px;border:1px solid #d9d3e4;border-radius:10px;width:100%}button{background:#7059c5;color:white;font-weight:700;cursor:pointer}button:disabled{opacity:.6}input:focus-visible,button:focus-visible{outline:3px solid #b7a6ee;outline-offset:2px}small{color:#676577;line-height:1.7}#message{color:#9c3348}