.auth-page{--background:var(--background-primary);--foreground:var(--text-primary);--primary:var(--accent-primary);--primary-foreground:var(--text-light);--input:var(--border-light);--ring:var(--accent-primary);--accent:var(--background-secondary);--accent-foreground:var(--text-primary);--muted-foreground:var(--text-secondary);background:var(--background-primary);min-height:100dvh;color:var(--text-primary)}.auth-page *{letter-spacing:0}.auth-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;padding:24px 5%;display:flex}.auth-logo{width:160px;height:auto}.auth-content{width:min(440px,100% - 40px);margin:0 auto;padding:64px 0 80px}.auth-content h1{margin:12px 0 20px;font-size:42px;line-height:1.1}.auth-content p{color:var(--text-secondary)}.auth-form{gap:20px;margin-top:28px;display:grid}.auth-field{gap:8px;font-size:14px;font-weight:500;display:grid}.auth-field input{border:1px solid var(--border-light);background:var(--background-soft);width:100%;height:48px;color:var(--text-primary);font:inherit;border-radius:8px;padding:0 14px}.auth-field input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.auth-password{position:relative}.auth-password input{padding-right:50px}.auth-password button{position:absolute;top:6px;right:6px}.auth-page .auth-submit{border-radius:8px;height:48px}.auth-social{gap:12px;margin:24px 0;display:grid}.auth-divider{color:var(--text-secondary);align-items:center;gap:16px;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-light);flex:1;height:1px}.auth-message{border-left:3px solid var(--accent-primary);background:var(--background-secondary);margin-top:20px;padding:12px 16px}.auth-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:24px;display:flex}.auth-identity{border-bottom:1px solid var(--border-light);overflow-wrap:anywhere;padding-bottom:24px}.auth-home-action{border-radius:999px;height:42px}@media (width<=600px){.auth-header{padding:20px}.auth-logo{width:130px}.auth-content{padding-top:40px}.auth-content h1{font-size:36px}}@media (prefers-reduced-motion:reduce){.auth-page *{scroll-behavior:auto;transition:none}}
