.auth{grid-template-columns:minmax(0,1fr) minmax(360px,520px);min-height:100svh;display:grid;position:relative}.auth-art{position:relative;overflow:hidden}.auth-art img{object-fit:cover;object-position:62% 40%;width:100%;height:100%;position:absolute;inset:0}.auth-art:after{content:"";background:linear-gradient(90deg, transparent 50%, var(--night) 100%), linear-gradient(180deg, #05060d99 0%, transparent 25%, transparent 70%, var(--night) 100%);position:absolute;inset:0}.auth-side{padding:calc(var(--bar) + 30px) var(--gutter) 40px;align-content:center;gap:18px;display:grid}.auth-card{padding:clamp(22px,3vw,34px)}.auth-foot,.auth-same{color:var(--muted);text-align:center;margin:0;font-size:14.5px}.auth-foot p{margin:0}.auth-foot a,.auth-same a{color:var(--volt)}.auth-same{color:var(--dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.form .hint a,.form .notice a{color:var(--volt)}.google{gap:14px;display:grid}.google-button{color:#1f1f1f;min-height:48px;font:500 15px/20px Roboto, var(--body);background:#fff;border:1px solid #747775;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:0 14px;text-decoration:none;transition:background-color .15s;display:flex}.google-button:hover{background:#f2f2f2}.google-button:active{background:#e3e3e3}.google-button svg{flex:none;width:20px;height:20px}.google-or{color:var(--dim);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:12px;margin:0;font-size:12px;font-weight:700;display:flex}.google-or:before,.google-or:after{content:"";background:var(--line);flex:1;height:1px}.google-title{font-family:var(--display);text-transform:uppercase;margin:0;font-size:26px;font-style:italic;font-weight:900;line-height:1}.google-cancel{justify-self:center}@media (max-width:900px){.auth{grid-template-columns:1fr}.auth-art{opacity:.55;height:46vh;position:absolute;inset:0 0 auto}.auth-art:after{background:linear-gradient(180deg, #05060d66, var(--night))}.auth-side{position:relative}}