.auth-backdrop{z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:200px 0 0}.auth-modal{z-index:9999;background:#fff;border-radius:16px;width:900px;max-width:95%;animation:.35s scaleUp;display:flex;overflow:hidden;box-shadow:0 30px 80px #00000059}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.auth-image{background:url(/loginpage.jpg) 50%/cover no-repeat;flex:2;position:relative}.auth-image-overlay{color:#fff;background:linear-gradient(#0000008c,#0000004d);flex-direction:column;justify-content:center;padding:60px;display:flex;position:absolute;inset:0}.auth-image-overlay h2{font-size:36px;font-weight:700}.auth-image-overlay p{max-width:300px;margin-top:12px;line-height:1.6}.auth-form{flex:1;padding:50px 45px;position:relative}.close-btn{cursor:pointer;color:#777;background:0 0;border:none;position:absolute;top:18px;right:18px}.auth-form h3{font-size:28px;font-weight:700}.subtitle{color:#777;margin-bottom:30px}.input-group{border:1px solid #ddd;border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:14px;display:flex}.input-group input{border:none;outline:none;width:100%}.auth-options{justify-content:space-between;margin-bottom:24px;font-size:13px;display:flex}.auth-options a{color:#ff9800;text-decoration:none}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:10px;width:100%;padding:14px;font-weight:600;transition:transform .2s,box-shadow .2s}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px #ff980066}.switch-link{text-align:center;margin-top:22px}.switch-link a{color:#ff9800;font-weight:600}@media (max-width:768px){.auth-image{display:none}.auth-backdrop{align-items:flex-start;padding-top:100px;top:120px}}.input-group{border:1px solid #ddd;border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:14px;display:flex;position:relative}.password-group input{padding-right:35px}.eye-btn{cursor:pointer;color:#777;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:14px}.eye-btn:hover{color:#ff9800}.divider{text-align:center;color:#aaa;align-items:center;margin:20px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #eee;flex:1}.divider span{padding:0 10px}.google-btn-wrapper{justify-content:center;margin-bottom:10px;display:flex}.google-btn-wrapper>div{width:100%!important}.primary-btn{margin-bottom:5px}