.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#dce9bc,transparent 45%),#f4f5ef}.auth-card{width:min(440px,100%);padding:36px;background:#fff;border:1px solid #dfe5db;border-radius:24px;box-shadow:0 24px 80px #172a2610}.auth-card>img{display:block;margin:auto;object-fit:contain}.auth-brand{text-align:center;font-size:32px;font-weight:800;color:#172a26;margin:0 0 24px}.auth-brand span{color:#80a43d}.auth-card h1{font-size:27px;margin-bottom:8px}.auth-card>p:not(.auth-brand),.auth-card small{color:#63706a}.auth-card form{display:grid;gap:14px;margin:24px 0}.auth-card label{display:grid;gap:8px;font-size:14px;font-weight:600}.auth-card input{width:100%;box-sizing:border-box;padding:13px;border:1px solid #cad5ce;border-radius:10px;font:inherit}.auth-card input:focus{outline:2px solid #7eaa45;outline-offset:2px}.auth-card .auth-show{display:flex;align-items:center;font-weight:400}.auth-show input{width:auto}.auth-card button{justify-content:center;min-height:48px}.auth-card button:disabled{opacity:.6}.auth-card small{display:block;line-height:1.6}#login-error{color:#a32727;font-size:14px;margin:0}#login-error:empty{display:none}@media(max-width:480px){.auth-card{padding:24px}.auth-screen{padding:16px}}