.auth-container{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:60px 24px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:2px;padding:48px;max-width:440px;width:100%;box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:36px}.auth-header h1{font-size:1.8rem;font-weight:800;margin-bottom:8px;color:var(--text);letter-spacing:-.5px}.auth-header p{color:var(--text-light);font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.85rem;font-weight:600;color:var(--text);letter-spacing:.3px}.form-group input{padding:14px 16px;background:var(--bg);border:1px solid var(--border);border-radius:2px;font-size:.95rem;color:var(--text);transition:border-color .2s ease;font-family:inherit;width:100%}.form-group input:focus{outline:0;border-color:var(--accent)}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:active,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px var(--bg) inset!important;-webkit-text-fill-color:var(--text)!important;caret-color:var(--text)}.form-group input::placeholder{color:var(--text-muted);font-size:.9rem}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{width:100%;padding-right:48px}.password-toggle{position:absolute;right:12px;background:0 0;border:none;cursor:pointer;color:var(--text-muted);transition:color .2s ease;display:flex;align-items:center;justify-content:center;padding:8px}.password-toggle:hover{color:var(--accent)}.password-toggle i{font-size:1.1rem}.password-strength-container{margin-top:12px;animation:fadeIn .2s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.strength-bars{display:flex;gap:6px;margin-bottom:8px}.strength-bar{height:3px;flex:1;background:var(--border);border-radius:2px;transition:all .2s ease}.strength-bar.active-weak{background:#ef4444}.strength-bar.active-medium{background:#f59e0b}.strength-bar.active-strong{background:#10b981}.strength-text{font-size:.7rem;font-weight:500}.strength-text.weak{color:#ef4444}.strength-text.medium{color:#f59e0b}.strength-text.strong{color:#10b981}.password-requirements{margin-top:12px;padding:12px 14px;background:var(--surface-hover);border-radius:2px}.requirement{font-size:.7rem;color:var(--text-muted);margin-bottom:6px;display:flex;align-items:center;gap:8px;transition:color .2s ease}.requirement:last-child{margin-bottom:0}.requirement i{width:14px;font-size:.65rem}.requirement.met{color:#10b981}.auth-links{display:flex;justify-content:flex-end;margin-top:-6px;font-size:.8rem}.auth-links a{color:var(--accent);text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-btn{background:var(--primary);color:var(--bg);border:none;padding:14px;border-radius:2px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s ease;margin-top:8px;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.auth-btn:hover{opacity:.85}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn .spinner{width:18px;height:18px;border:2px solid var(--bg);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:28px;padding-top:24px;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-light)}.auth-footer a{color:var(--accent);text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.verification-notice{background:var(--accent-light);color:var(--accent);padding:16px;border-radius:2px;margin:24px 0;font-size:.85rem;text-align:center}.verification-buttons{display:flex;gap:12px;margin-top:20px;flex-direction:column}.check-verification-btn,.resend-btn{background:0 0;border:1px solid var(--accent);color:var(--accent);cursor:pointer;font-weight:600;width:100%;text-align:center;padding:12px;border-radius:2px;transition:all .2s;font-size:.9rem}.check-verification-btn:hover,.resend-btn:hover{background:var(--accent);color:#fff}@media (max-width:480px){.auth-card{padding:32px 24px}.auth-header h1{font-size:1.5rem}.form-group input{padding:12px 14px}.password-toggle{right:10px}.auth-container{padding:40px 16px}}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--accent);box-shadow:none}.form-group input:focus{outline:0;border-color:#999;box-shadow:none}.form-group input:focus{outline:0;border-color:var(--border);box-shadow:none}