:root{--primary: var(--primary-color);--primary-dark: #4A1F00;--primary-light: #8B4513;--secondary: var(--secondary-color);--success: #228B22;--success-dark: #006400;--danger: #B22222;--danger-dark: #8B0000;--text: #3D2914;--text-light: #6B4423;--text-muted: #8B7355;--border: #D2B48C;--border-light: #F5DEB3;--bg-light: #FFF8DC;--bg-muted: var(--secondary-color);--shadow-sm: 0 4px 6px rgba(93, 39, 0, .1);--shadow-md: 0 4px 12px rgba(93, 39, 0, .15);--shadow-lg: 0 10px 30px rgba(93, 39, 0, .12);--background: linear-gradient(135deg, var(--secondary-color) 0%, #F5DEB3 100%)}*{box-sizing:border-box;margin:0;padding:0}.auth-body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--background);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.auth-container{width:100%;max-width:420px;background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden}.auth-header,.auth-header.login,.auth-header.register,.auth-header.forgot,.auth-header.reset,.auth-header.verification{background:var(--primary)!important;padding:40px 30px 100px;text-align:center;position:relative}.auth-header.register,.auth-header.login{background:var(--primary)}.auth-header.forgot{background:linear-gradient(120deg,var(--danger) 0%,var(--danger-dark) 100%)}.auth-header.reset{background:linear-gradient(120deg,var(--secondary) 0%,var(--primary) 100%)}.auth-header.verification{background:linear-gradient(120deg,var(--primary) 0%,var(--secondary) 100%)}.auth-logo-container{width:80px;height:80px;background:#fff;border-radius:20px;display:flex;justify-content:center;align-items:center;margin:0 auto 20px;box-shadow:var(--shadow-md)}.auth-logo{width:65px;height:65px}.auth-header h1{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:8px}.auth-header.register h1{font-size:1.7rem}.auth-header.forgot h1,.auth-header.reset h1{font-size:1.6rem}.auth-header.verification h1{font-size:1.8rem}.auth-header p{color:#ffffffd9;font-size:1rem}.auth-card{background:#fff;border-radius:20px 20px 16px 16px;padding:40px 30px 30px;margin-top:-50px;position:relative;z-index:2}.auth-form-group{margin-bottom:24px}.auth-label{display:block;font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:8px}.auth-input{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:10px;font-size:1rem;transition:all .3s ease;background:var(--bg-light)}.auth-input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #8b451333;outline:none;background:#fff}.auth-input::-moz-placeholder{color:var(--text-muted)}.auth-input::placeholder{color:var(--text-muted)}.auth-remember-forgot{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.auth-remember-container{display:flex;align-items:center}.auth-checkbox{width:18px;height:18px;border:1px solid var(--border);border-radius:4px;margin-right:8px;accent-color:var(--primary);cursor:pointer}.auth-checkbox-label{font-size:.875rem;color:var(--text-light);cursor:pointer}.auth-forgot-link{font-size:.875rem;font-weight:500;color:var(--primary);text-decoration:none;transition:all .2s ease}.auth-forgot-link:hover{text-decoration:underline}.auth-button{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #5d270033}.auth-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 10px #5d270040}.auth-button:active{transform:translateY(0)}.auth-button:disabled{background:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.auth-link-container{margin-top:24px;text-align:center;padding-top:20px;border-top:1px solid var(--border-light)}.auth-link-text{color:var(--text-light);font-size:.875rem}.auth-link{color:var(--primary);font-weight:600;text-decoration:none;margin-left:5px;transition:all .2s ease}.auth-link:hover{text-decoration:underline}.auth-logout-button{background:none;border:none;color:var(--primary);font-weight:600;font-size:.875rem;cursor:pointer;margin-left:5px;transition:all .2s ease;padding:0;width:auto;box-shadow:none;transform:none}.auth-logout-button:hover{text-decoration:underline;background:none;transform:none;box-shadow:none}.auth-logout-button:active{transform:none}.auth-error{color:var(--danger);font-size:.875rem;margin-top:6px}.auth-success{color:var(--success);font-size:.875rem;margin-top:6px}.auth-info-text{color:var(--text-light);font-size:.95rem;margin-bottom:24px;text-align:center;line-height:1.5}.auth-status{padding:12px 16px;background:#8b45131a;color:var(--primary-dark);border-radius:10px;margin-bottom:24px;font-size:.875rem;text-align:center}.auth-status.success{background:#228b221a;color:var(--success-dark)}.auth-status.error{background:#b222221a;color:var(--danger-dark)}.email-highlight{font-weight:600;color:var(--primary-dark)}.auth-button.loading{pointer-events:none;opacity:.7}.auth-button.loading:after{content:"";display:inline-block;width:16px;height:16px;margin-left:8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.auth-header{padding:30px 20px 80px}.auth-card{padding:30px 20px}.auth-remember-forgot{flex-direction:column;align-items:flex-start}.auth-forgot-link{margin-top:12px}.auth-container{margin:10px}}@media (max-width: 360px){.auth-body{padding:10px}.auth-header{padding:25px 15px 70px}.auth-card{padding:25px 15px}.auth-logo-container{width:70px;height:70px}.auth-logo{width:40px;height:40px}.auth-header h1{font-size:1.5rem}.auth-header p{font-size:.9rem}}