body{background:#eef1e9;color:#202621;background-image:radial-gradient(ellipse at 80% 20%,#c8d5bf99,transparent 55%),linear-gradient(#253e2010 1px,transparent 1px),linear-gradient(90deg,#253e2010 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;font-family:Outfit,Arial,sans-serif}
.card{max-width:440px;background:#fdfefb;border:1px solid #dce1d9;box-shadow:0 20px 80px #20302015;padding:44px 36px;border-radius:22px}
.logo{height:74px;margin-bottom:36px}.card h1{font-size:32px;letter-spacing:-1px;font-weight:500;color:#202621;margin-bottom:14px}.card p.sub{color:#657067;line-height:1.7;font-size:14px}.card label{color:#657067;font-weight:500}.card input{background:#f2f4ee;border-color:#dce1d9;color:#202621;padding:16px;min-height:52px;color-scheme:light}.card input:focus-visible{outline:2px solid #648441;outline-offset:3px}.card button{background:#202621;color:#f7f7f2;font-weight:500;min-height:52px}.card button:hover{background:#354337}.card .note{color:#657067;font-weight:400}.card .foot{color:#657067;line-height:1.6;border-top:1px solid #dce1d9;padding-top:22px}.card .err{color:#b42318}.card a{color:#34472c;text-underline-offset:4px}
@media(max-width:480px){body{padding:18px}.card{padding:36px 26px}.logo{height:62px}}