.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(#0006,#0009),url(/images/mangoes.png) center/cover no-repeat;background-attachment:fixed;padding:1rem}.auth-container{background:#ffffffe0;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:24px;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.4);max-width:900px;width:100%;animation:authFadeIn .6s ease-out}@keyframes authFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-form-side{padding:2rem 1.5rem;width:100%;display:flex;flex-direction:column;gap:1.5rem}.auth-intro,.auth-main-form{flex:1;display:flex;flex-direction:column;justify-content:center}.auth-form-side .logo{text-align:center}.auth-form-side .logo img{height:70px;margin-bottom:1.2rem;display:inline-block;transition:transform .3s ease}.auth-form-side .logo img:hover{transform:scale(1.05)}.auth-form-side h2,.auth-intro h2{font-size:clamp(1.4rem,5vw,1.6rem);color:var(--primary);margin-bottom:.4rem;text-align:center;font-weight:700}.auth-form-side p,.auth-intro p{color:var(--text-muted);margin-bottom:2rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--text-dark);font-size:.9rem}.form-group input{padding:1rem;border:1px solid #e0e0e0;border-radius:10px;font-family:inherit;transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1b5e201a}.auth-btn{background:var(--primary);color:var(--white);padding:1rem;border-radius:10px;font-weight:600;border:none;cursor:pointer;transition:var(--transition);text-align:center;text-decoration:none}.auth-btn:hover{background:#144d18;transform:translateY(-2px)}.divider{display:flex;align-items:center;text-align:center;color:var(--text-muted);margin:1.5rem 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid rgba(0,0,0,.1)}.divider span{padding:0 10px;font-size:.9rem}.vertical-divider{display:none;width:1px;background:#0000001a;margin:0 2rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:1.2rem 2.5rem;border-radius:100px;background:#ffffff1a;color:var(--text-dark);font-weight:700;font-size:1.1rem;cursor:pointer;border:1px solid rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:var(--transition);text-decoration:none;box-shadow:0 4px 6px #0000000d}.social-btn:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 20px #0000001a;background:#ffffff4d;border-color:#0003}.social-btn img{width:20px;height:20px}.auth-links{margin-top:2rem;text-align:center;font-size:.9rem;color:var(--text-muted)}.auth-links a{color:var(--primary);font-weight:600;text-decoration:none}.auth-links a:hover{text-decoration:underline}@media(min-width:992px){.auth-container{max-width:1100px;border-radius:30px}.auth-form-side{flex-direction:row;align-items:stretch;padding:4rem;gap:0}.auth-intro,.auth-main-form{padding:0 2rem}.vertical-divider{display:block}.divider{display:none}.auth-form-side h2{font-size:2.2rem}.auth-form-side .logo img{height:100px}}