.auth-page{background-color:var(--color-bg-light);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-container{background:var(--color-white);border-radius:var(--border-radius-large);box-shadow:var(--box-shadow);width:100%;max-width:500px;padding:40px}.auth-brand{text-align:center;margin-bottom:25px}.auth-brand .logo-text{display:inline-block}.auth-brand .muhtamm{color:var(--color-primary);font-size:2rem;font-weight:800}.auth-brand .lpu{color:var(--color-accent);margin-top:-5px;font-size:1rem;display:block}.auth-tabs{border-bottom:2px solid #eee;margin-bottom:30px;display:flex}.auth-tab-btn{font-family:var(--font-heading);color:var(--color-text-light);cursor:pointer;transition:var(--transition);background:0 0;border:none;flex:1;padding:12px 10px;font-size:1.1rem;font-weight:600;position:relative}.auth-tab-btn.active{color:var(--color-primary)}.auth-tab-btn:after{content:"";background-color:var(--color-primary);width:100%;height:3px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.auth-tab-btn.active:after{transform:scaleX(1)}.auth-form-container{animation:.4s fadeIn;display:none}.auth-form-container.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-container h2{text-align:center;margin-bottom:8px;font-size:1.5rem}.auth-container p.subtitle{color:var(--color-text-light);text-align:center;margin-bottom:25px;font-size:.95rem}.form-group{margin-bottom:18px}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.auth-links{justify-content:space-between;margin-bottom:20px;font-size:.9rem;display:flex}.auth-links a{color:var(--color-primary);font-weight:500}.divider-text{text-align:center;color:var(--color-text-light);align-items:center;margin:25px 0;font-size:.9rem;display:flex}.divider-text:before,.divider-text:after{content:"";border-bottom:1px solid #ddd;flex:1}.divider-text span{padding:0 10px}.btn-google{color:var(--color-text-main);background-color:#fff;border:1px solid #ddd;justify-content:center;align-items:center;gap:10px;width:100%;font-weight:600;display:flex}.btn-google:hover{color:var(--color-text-main);background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.btn-google img{width:20px}.back-link{text-align:center;color:var(--color-text-light);margin-top:30px;font-size:.95rem;display:block}@media (width<=500px){.form-row{grid-template-columns:1fr;gap:0}}