.auth-shell{background:var(--surface);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh;display:grid}.auth-left{flex-direction:column;min-width:0;min-height:100dvh;padding:32px clamp(24px,3.4vw,48px);display:flex}.auth-header{align-items:center;min-height:44px;display:flex}.auth-header a{border-radius:var(--radius-sm);display:inline-flex}.auth-header a:focus-visible{outline:3px solid var(--ring);outline-offset:4px}.auth-main{width:min(100%,400px);margin:auto;padding:48px 0 56px}.auth-heading{text-align:center;margin:0 0 32px}.auth-heading h1{letter-spacing:-.025em;text-wrap:balance;margin:0 0 8px;font-size:28px;font-weight:650;line-height:1.2}.auth-heading p{color:var(--muted-foreground);text-wrap:pretty;margin:0;font-size:15px;line-height:1.5}.auth-form{gap:20px;display:grid}.auth-field{gap:8px;display:grid}.auth-label{font-size:14px;font-weight:500}.auth-input{border-color:var(--border);height:48px;padding-inline:14px;font-size:15px}.auth-input::placeholder{color:var(--muted-foreground);opacity:.8}.auth-password-wrap{position:relative}.auth-password-wrap .auth-input{padding-right:52px}.auth-password-toggle{border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--muted-foreground);cursor:pointer;place-items:center;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.auth-password-toggle:hover{color:var(--foreground)}.auth-password-toggle:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.auth-help-link{width:fit-content;color:var(--muted-foreground);text-underline-offset:3px;margin-top:-12px;font-size:13px;line-height:1.5;transition:color .15s ease-out}.auth-help-link:hover,.auth-secondary a:hover{color:var(--accent);text-decoration:underline}.auth-submit{width:100%;min-height:48px;margin-top:4px;font-size:15px;font-weight:600}.auth-secondary{text-align:center;color:var(--muted-foreground);margin:28px 0 0;font-size:14px}.auth-secondary a{color:var(--accent);text-underline-offset:3px}.auth-footer{min-height:28px;color:var(--muted-foreground);justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.auth-alert{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent) 8%, var(--surface));color:var(--foreground);padding:10px 14px;font-size:14px;line-height:1.5}.auth-heading+.auth-alert{margin-bottom:20px}.auth-alert[data-tone=success]{background:var(--background)}.auth-field-error{color:var(--accent);margin:0;font-size:13px}.auth-note{color:var(--muted-foreground);margin:-8px 0 0;font-size:13px;line-height:1.5}.auth-note a{color:var(--accent)}.auth-visual{background:color-mix(in srgb, var(--accent) 4%, var(--surface));place-items:center;min-width:0;display:grid;overflow:hidden}.auth-visual-content{width:min(100%,680px);padding:64px 32px}.auth-visual-heading{text-align:center}.auth-visual-heading h2{letter-spacing:-.025em;white-space:nowrap;margin:0;font-size:clamp(24px,2.2vw,32px);font-weight:650;line-height:1.2}.auth-visual-heading p{color:var(--muted-foreground);margin:8px 0 0;font-size:16px}.auth-covers{width:min(100%,600px);height:clamp(320px,28vw,420px);margin:48px auto 0;position:relative}.auth-cover{width:39%;box-shadow:0 1px 2px color-mix(in srgb, var(--foreground) 8%, transparent), 0 14px 28px color-mix(in srgb, var(--foreground) 12%, transparent);position:absolute}.auth-cover img{outline-offset:-1px;outline:1px solid #0000001a;width:100%;height:auto;display:block}.auth-cover-left{top:10%;left:2%;transform:rotate(-3deg)}.auth-cover-center{z-index:2;width:42%;top:0;left:30.5%}.auth-cover-right{top:10%;right:1%;transform:rotate(3deg)}@media (max-width:980px){.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-left{padding:20px 16px 24px}.auth-main{padding:40px 0 48px}}@media (max-width:520px){.auth-header [data-slot=brand-logo]{font-size:20px}.auth-main{margin:0 auto auto;padding:40px 0}.auth-heading{margin-bottom:28px}.auth-heading h1{font-size:26px}.auth-input{font-size:16px}}@media (prefers-reduced-motion:reduce){.auth-shell *{scroll-behavior:auto}}
