.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:var(--bg)}.auth-layout,body:has(.auth-layout),html:has(.auth-layout){overflow-x:hidden;max-width:100vw}.auth-back{position:fixed;top:var(--space-lg);left:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-base)}.auth-back:hover{color:var(--text)}.auth-back svg{width:18px;height:18px}.auth-container{width:100%;max-width:500px}.auth-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:var(--space-xl);text-decoration:none}.auth-logo-text{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:.05em;color:var(--accent)}.auth-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-2xl)}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-header h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--text);margin-bottom:var(--space-sm)}.auth-header p{font-size:var(--text-sm);color:var(--text-secondary)}.auth-message{padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-lg)}.auth-message.error{background:var(--error-soft);border:1px solid #ef444433;color:var(--error)}.auth-message.success{background:var(--success-soft);border:1px solid #22c55e33;color:var(--success)}.auth-form{gap:var(--space-md)}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:var(--space-sm)}.auth-label{font-size:var(--text-sm);font-weight:500;color:var(--text)}.auth-input{width:100%;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text);outline:none;transition:all var(--transition-base)}.auth-input::placeholder{color:var(--text-tertiary)}.auth-input:focus{border-color:var(--accent-border);background:var(--surface-hover)}.auth-input.error{border-color:var(--error)}.auth-error{font-size:var(--text-xs);color:var(--error)}.auth-checkbox-label{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;line-height:1.5}.auth-checkbox{appearance:none;width:18px;height:18px;border:1.5px solid #ffffff40;border-radius:4px;background:#ffffff0f;cursor:pointer;margin-top:2px;flex-shrink:0;position:relative;transition:all .15s ease}.auth-checkbox:hover{border-color:#fff6;background:#ffffff1a}.auth-checkbox:checked{background:#ff6b35;border-color:#ff6b35}.auth-checkbox:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.auth-checkbox-label a{color:var(--accent);text-decoration:none}.auth-checkbox-label a:hover{text-decoration:underline}.auth-remember{display:flex;align-items:center;justify-content:space-between}.auth-forgot{font-size:var(--text-sm);color:var(--accent);text-decoration:none;white-space:nowrap}.auth-forgot:hover{text-decoration:underline}.auth-submit{width:100%;padding:14px 24px;background:var(--accent);color:#fff;font-size:var(--text-base);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-sm)}.auth-submit:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.auth-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.auth-social{flex-direction:column}.auth-social,.auth-social-btn{display:flex;gap:var(--space-sm)}.auth-social-btn{align-items:center;justify-content:center;width:100%;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text);cursor:pointer;transition:all var(--transition-base)}.auth-social-btn:hover{background:var(--surface-hover);border-color:var(--border-hover)}.auth-social-btn svg{width:20px;height:20px}.auth-social-btn:disabled{opacity:.5;cursor:not-allowed}.auth-social-btn:disabled:hover{background:var(--surface);border-color:var(--border)}.auth-coming-soon{font-size:11px;font-weight:600;color:var(--accent);background:#ff6b351f;padding:2px 8px;border-radius:20px;margin-left:auto}.auth-footer{text-align:center;margin-top:var(--space-lg)}.auth-footer p{font-size:var(--text-sm);color:var(--text-secondary)}.auth-footer a{color:var(--accent);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}@media (max-width:480px){.auth-layout{padding:var(--space-md)}.auth-card{padding:var(--space-lg)}.auth-back{top:var(--space-md);left:var(--space-md)}}