.auth-page{min-height:100vh;background:var(--bg-light)}.auth{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth__banner{position:relative;display:flex;align-items:center;justify-content:center;padding:3rem;overflow:hidden}.auth__banner-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f97316,#fb923c,#fbbf24,#a3e635,#22d3ee);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth__banner-content{position:relative;z-index:1;color:#fff;max-width:400px}.auth__logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:3rem}.auth__logo .logo-icon{width:40px;height:40px}.auth__banner-title{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.auth__banner-desc{font-size:1.1rem;opacity:.9;margin-bottom:3rem}.auth__banner-features{display:flex;flex-direction:column;gap:1rem}.auth__banner-feature{display:flex;align-items:center;gap:.75rem;font-weight:500}.auth__banner-feature svg{width:24px;height:24px;flex-shrink:0}.auth__form-container{display:flex;align-items:center;justify-content:center;padding:2rem;background:#fff}.auth__form-wrapper{width:100%;max-width:420px}.auth__header{text-align:center;margin-bottom:2rem}.auth__title{font-size:2rem;font-weight:800;color:var(--primary);margin-bottom:1.5rem}.auth__tabs{display:flex;border-bottom:2px solid var(--border)}.auth__tab{flex:1;padding:1rem;background:none;border:none;font-size:1rem;font-weight:600;color:var(--text-light);cursor:pointer;position:relative;transition:var(--transition)}.auth__tab:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary);transform:scaleX(0);transition:var(--transition)}.auth__tab.active{color:var(--primary)}.auth__tab.active:after{transform:scaleX(1)}.auth__tab:hover{color:var(--primary)}.auth__form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--text)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper svg{position:absolute;left:1rem;width:20px;height:20px;color:var(--text-light);pointer-events:none}.input-wrapper input{width:100%;padding:.875rem 1rem .875rem 3rem;font-size:1rem;border:2px solid var(--border);border-radius:var(--radius);outline:none;transition:var(--transition);font-family:inherit}.input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.input-wrapper input::placeholder{color:var(--text-light)}.password-toggle{position:absolute;right:1rem;background:none;border:none;cursor:pointer;color:var(--text-light);padding:.25rem}.password-toggle svg{position:static;width:20px;height:20px}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.checkbox-wrapper input{display:none}.checkmark{width:20px;height:20px;border:2px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.checkbox-wrapper input:checked+.checkmark{background:var(--primary);border-color:var(--primary)}.checkbox-wrapper input:checked+.checkmark:after{content:"✓";color:#fff;font-size:.75rem;font-weight:700}.checkbox-wrapper a{color:var(--primary);text-decoration:underline}.form-options{display:flex;justify-content:space-between;align-items:center}.forgot-link{font-size:.9rem;color:var(--primary);font-weight:500}.forgot-link:hover{text-decoration:underline}.btn--full{width:100%}.auth__divider{display:flex;align-items:center;gap:1rem;color:var(--text-light);font-size:.85rem}.auth__divider:before,.auth__divider:after{content:"";flex:1;height:1px;background:var(--border)}.btn--google{background:#fff;border:2px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%}.btn--google:hover{background:var(--bg-light);border-color:var(--text-light)}.auth__hint{font-size:.85rem;color:var(--text-light);text-align:center}.role-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.role-option input{display:none}.role-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);color:var(--text-light)}.role-card svg{width:40px;height:40px}.role-option input:checked+.role-card{border-color:var(--primary);background:#10b9810d;color:var(--primary)}.role-card:hover{border-color:var(--primary)}@media (max-width: 900px){.auth{grid-template-columns:1fr}.auth__banner{display:none}.auth__form-container{padding:2rem 1.5rem}}.toast{position:fixed;top:1rem;right:1rem;padding:1rem 1.5rem;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.75rem;transform:translate(120%);transition:transform .3s ease;z-index:9999}.toast.show{transform:translate(0)}.toast.success{border-left:4px solid var(--primary)}.toast.error{border-left:4px solid #ef4444}.toast__icon{width:24px;height:24px}.toast.success .toast__icon{color:var(--primary)}.toast.error .toast__icon{color:#ef4444}