:root{--auth-primary:#6149f6;--auth-primary-hover:#4f3be0;--auth-bg-light:#fff;--auth-bg-section:#f7f7fa;--auth-text-dark:#0d0b1e;--auth-text-muted:#5b5880;--auth-border-light:#6149f61f}.login-wrapper{background-color:var(--auth-bg-light);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:3rem 1rem;font-family:Outfit,sans-serif;display:flex;position:relative;overflow-x:hidden}.login-wrapper:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#6149f60f 0%,#0000 70%);width:1000px;height:500px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.login-grid-background{z-index:1;pointer-events:none;background-image:radial-gradient(circle,#6149f60d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.login-card-container{z-index:2;background:#fff;border:1px solid #6149f614;border-radius:24px;width:100%;max-width:1040px;min-height:660px;animation:.8s cubic-bezier(.16,1,.3,1) forwards authReveal;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0d0b1e14,0 0 1px #6149f626}@keyframes authReveal{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-left-banner{background-image:url(/login_banner.png);background-position:50%;background-size:cover;flex-direction:column;flex:1;display:flex;position:relative}.login-left-overlay{z-index:1;background:linear-gradient(#0d0b1e26 0%,#0d0b1e73 50%,#0d0b1ed9 100%);position:absolute;inset:0}.login-left-content{z-index:2;flex-direction:column;flex:1;justify-content:space-between;height:100%;padding:3.5rem 3rem;display:flex;position:relative}.login-logo-brand{letter-spacing:.05em;color:#fff;text-transform:uppercase;text-shadow:0 2px 10px #00000080;font-size:1.35rem;font-weight:900}.login-welcome-msg{margin:auto 0 2rem}.login-welcome-msg h1{color:#fff;letter-spacing:-.01em;text-shadow:0 4px 20px #000000a6;margin-bottom:1.25rem;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:800;line-height:1.15}.login-welcome-msg p{color:#fffffff2;text-shadow:0 2px 12px #00000080;max-width:380px;font-size:.95rem;line-height:1.6}.login-bullets-list{flex-direction:column;gap:.85rem;margin-bottom:auto;display:flex}.bullet-item{color:#fff;align-items:center;gap:.85rem;font-size:.9rem;font-weight:500;display:flex}.bullet-icon{color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.login-left-footer{color:#fff6;letter-spacing:.2em;text-transform:uppercase;margin-top:2rem;font-size:.75rem;font-weight:700}.login-right-panel{background:#fff;flex:1.1;justify-content:center;align-items:center;padding:3.5rem 4rem;display:flex}.login-form-wrapper{flex-direction:column;width:100%;max-width:380px;display:flex}.login-shield-icon-wrap{justify-content:center;margin-bottom:1.25rem;display:flex}.shield-circle{background:var(--auth-border-light);width:52px;height:52px;color:var(--auth-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.login-right-header{text-align:center;margin-bottom:1.75rem}.login-right-header h2{color:var(--auth-text-dark);letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.75rem;font-weight:800}.login-right-header p{color:var(--auth-text-muted);font-size:.9rem}.error-bubble{color:#ef4444;text-align:center;background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500}.social-login-single-row{width:100%;margin-bottom:1.5rem}.google-btn-full{cursor:pointer;border:1.5px solid #6149f633;border-radius:12px;outline:none;justify-content:center;align-items:center;width:100%;height:48px;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #6149f60a;color:var(--auth-text-dark)!important;background:#fff!important}.google-btn-full:hover{border-color:var(--auth-primary);transform:translateY(-1px);box-shadow:0 4px 15px #6149f614;background:#6149f605!important}.google-btn-full:active{transform:translateY(0)}.login-form-divider{text-align:center;justify-content:center;align-items:center;margin:1.25rem 0 1.5rem;display:flex;position:relative}.login-form-divider:before{content:"";background:var(--auth-border-light);z-index:1;width:100%;height:1px;position:absolute}.login-form-divider span{z-index:2;color:#94a3b8;letter-spacing:.05em;background:#fff;padding:0 .85rem;font-size:.75rem;font-weight:700;position:relative}.login-field-group{flex-direction:column;gap:1.25rem;margin-bottom:1.25rem;display:flex}.form-input-container{flex-direction:column;gap:.45rem;display:flex}.form-input-container label{color:var(--auth-text-dark);letter-spacing:.02em;font-size:.82rem;font-weight:700}.form-input-container input{height:48px;color:var(--auth-text-dark)!important;box-shadow:none!important;background-color:#fff!important;border:1.5px solid #d2d0e6!important;border-radius:12px!important;outline:none!important;padding:0 1.1rem!important;font-size:.95rem!important;transition:all .25s!important}.form-input-container input::placeholder{opacity:.7;color:#a09dc0!important}.form-input-container input:focus{border-color:var(--auth-primary)!important;background-color:#fff!important;box-shadow:0 0 0 4px #6149f61a!important}.form-input-container input:-webkit-autofill{-webkit-text-fill-color:var(--auth-text-dark)!important;border-color:#d2d0e6!important;box-shadow:inset 0 0 0 30px #fff!important}.form-input-container input:-webkit-autofill:hover{-webkit-text-fill-color:var(--auth-text-dark)!important;border-color:#d2d0e6!important;box-shadow:inset 0 0 0 30px #fff!important}.form-input-container input:-webkit-autofill:focus{-webkit-text-fill-color:var(--auth-text-dark)!important;border-color:#d2d0e6!important;box-shadow:inset 0 0 0 30px #fff!important}.form-input-container input:-webkit-autofill:active{-webkit-text-fill-color:var(--auth-text-dark)!important;border-color:#d2d0e6!important;box-shadow:inset 0 0 0 30px #fff!important}.form-input-container input:-webkit-autofill:focus{border-color:var(--auth-primary)!important;box-shadow:inset 0 0 0 30px #fff,0 0 0 4px #6149f61a!important}.password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-input-wrapper input{width:100%!important;padding-right:3rem!important}.password-toggle-btn{cursor:pointer;color:#94a3b8;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:.95rem}.password-toggle-btn:hover{color:var(--auth-primary)}.login-options-row{justify-content:space-between;align-items:center;margin-bottom:1.75rem;font-size:.85rem;display:flex}.remember-me-checkbox{cursor:pointer;color:var(--auth-text-muted);align-items:center;gap:.5rem;font-weight:500;display:flex}.remember-me-checkbox input{accent-color:var(--auth-primary);cursor:pointer;width:15px;height:15px}.forgot-pass-link{color:var(--auth-primary);font-weight:600;text-decoration:none;transition:color .2s}.forgot-pass-link:hover{color:var(--auth-primary-hover);text-decoration:underline}.login-submit-btn{background:linear-gradient(135deg,var(--auth-primary)0%,#7c6bf8 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;height:50px;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #6149f640}.login-submit-btn:hover{background:linear-gradient(135deg,var(--auth-primary-hover)0%,#6857ea 100%);transform:translateY(-1px);box-shadow:0 8px 20px #6149f659}.login-submit-btn:active{transform:translateY(0)}.login-submit-btn:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8;transform:none}.login-signup-prompt{text-align:center;color:var(--auth-text-muted);margin-top:1.5rem;font-size:.85rem}.login-signup-prompt a{color:var(--auth-primary);font-weight:700;text-decoration:none;transition:color .2s}.login-signup-prompt a:hover{color:var(--auth-primary-hover);text-decoration:underline}.login-disclaimer{text-align:center;color:#94a3b8;margin-top:2rem;font-size:.72rem;line-height:1.5}.login-disclaimer a{color:var(--auth-text-muted);text-decoration:underline;transition:color .2s}.login-disclaimer a:hover{color:var(--auth-text-dark)}@media (max-width:960px){.login-card-container{border-radius:20px;flex-direction:column;max-width:500px;min-height:auto}.login-left-banner{display:none}.login-right-panel{padding:3rem 2.5rem}}@media (max-width:480px){.login-wrapper{padding:1rem .5rem}.login-right-panel{padding:2.5rem 1.5rem}.login-right-header h2{font-size:1.5rem}}