.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 50%,#0F3460 100%);padding:var(--space-6);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px}.auth-page__glow{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(120px);opacity:.1}.auth-page__glow--1{top:-200px;right:-100px;background:var(--color-accent)}.auth-page__glow--2{bottom:-200px;left:-100px;background:var(--color-secondary)}.auth-card{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-10);width:100%;max-width:440px;position:relative;box-shadow:var(--shadow-xl);animation:fadeInUp .6s ease}.auth-card__logo{text-align:center;margin-bottom:var(--space-8)}.auth-card__logo-img{height:56px;margin:0 auto;display:block;border-radius:16px;box-shadow:0 4px 14px #00000014,0 0 0 1px #0a26470f;transition:transform var(--transition-base),box-shadow var(--transition-base)}.auth-card__logo-img:hover{transform:scale(1.04);box-shadow:0 6px 20px #ff6b352e,0 0 0 1.5px #ff6b3540}.auth-card__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);text-align:center;margin-bottom:var(--space-2)}.auth-card__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:center;margin-bottom:var(--space-8)}.auth-card__tabs{display:flex;background:var(--color-gray-100);border-radius:var(--radius-lg);padding:4px;margin-bottom:var(--space-8)}.auth-card__tab{flex:1;padding:var(--space-3);text-align:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-500);border:none;background:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.auth-card__tab.active{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-sm)}.auth-form{display:none}.auth-form.active{display:block;animation:fadeIn .3s ease}.auth-form .form-group{margin-bottom:var(--space-5)}.auth-form .form-group label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--space-2)}.auth-form .form-group input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-800);background:var(--color-light);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);outline:none;transition:all var(--transition-fast)}.auth-form .form-group input:focus{border-color:var(--color-accent);background:var(--color-white);box-shadow:0 0 0 4px var(--color-accent-light)}.auth-form__forgot{display:block;text-align:right;font-size:var(--font-size-sm);color:var(--color-accent);font-weight:500;margin-top:calc(-1 * var(--space-3));margin-bottom:var(--space-5)}.auth-form__forgot:hover{text-decoration:underline}.auth-form__submit{width:100%;margin-top:var(--space-4)}.auth-form__error{background:#fee2e2;color:#dc2626;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4);display:none}.auth-form__error.visible{display:block;animation:fadeIn .3s ease}.auth-card__footer{text-align:center;margin-top:var(--space-8);font-size:var(--font-size-sm);color:var(--color-gray-500)}.auth-card__footer a{color:var(--color-accent);font-weight:600}.auth-card__back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-gray-500);font-size:var(--font-size-sm);margin-top:var(--space-6);text-align:center;width:100%;justify-content:center}.auth-card__back:hover{color:var(--color-accent)}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-700, #374151);cursor:pointer;transition:all var(--transition-fast)}.auth-google-btn:hover{border-color:var(--color-gray-300, #D1D5DB);background:var(--color-gray-50, #F9FAFB);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.auth-google-btn:active{transform:translateY(0)}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-google-btn__icon{flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-gray-200)}.auth-divider span{font-size:var(--font-size-xs, .75rem);color:var(--color-gray-400, #9CA3AF);text-transform:uppercase;letter-spacing:.05em;font-weight:500;white-space:nowrap}@media(max-width:480px){.auth-card{padding:var(--space-8) var(--space-6)}}