.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 500px at 50% -10%,color-mix(in srgb,var(--acc) 7%,transparent),transparent),var(--bg);padding:24px;grid-gap:0;gap:0}.auth .logo{font:26px var(--fd);color:var(--acc);text-shadow:3px 3px 0 var(--p2);transform:rotate(-2deg);display:inline-block;margin-bottom:20px;letter-spacing:-.02em}.auth .card{width:100%;max-width:430px;padding:34px 36px}.auth .card h1{font-size:26px;margin-bottom:6px}.auth .card form{margin-top:22px;display:grid;grid-gap:14px;gap:14px}.auth .card .btn{width:100%;margin-top:6px}.auth .link{color:var(--acc);border-bottom:1px solid color-mix(in srgb,var(--acc) 40%,transparent)}.or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--mut);font:500 12.5px var(--fm)}.or:after,.or:before{content:"";flex:1 1;height:1px;background:var(--line)}.small{font-size:14.5px;margin-top:16px}.fine,.small{text-align:center}.fine{font:500 12.5px var(--fm);color:var(--mut);margin-top:14px}.err{color:var(--red);font:600 13px var(--fb);margin:10px 0 0}@media(max-width:560px){.auth{padding:16px}.auth .card{padding:22px 18px}.auth .card h1,.auth .logo{font-size:22px}.auth .logo{padding:8px 0}}