.login-root{--color-primary:#0a2540;--color-primary-light:#1a3a5c;--color-primary-dark:#061829;--color-accent:#00a67e;--color-accent-light:#00c896;--color-accent-dark:#008c6a;--color-bg:#f8fafc;--color-card:#fff;--color-text:#1e293b;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-danger:#ef4444;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius:16px;--radius-sm:10px;background:var(--color-primary-dark);color:var(--color-text);min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.login-root *{box-sizing:border-box;margin:0;padding:0}.login-container{min-height:100vh;display:flex}.brand-panel{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)50%,#0d1f30 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.brand-panel:before{content:"";background:radial-gradient(circle at 20% 80%,#00a67e26 0%,#0000 40%),radial-gradient(circle at 80% 20%,#00a67e1a 0%,#0000 40%),radial-gradient(circle at 40% 40%,#00c8960d 0%,#0000 30%);width:200%;height:200%;animation:20s ease-in-out infinite login-float;position:absolute;top:-50%;left:-50%}@keyframes login-float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(2%,2%)rotate(1deg)}66%{transform:translate(-1%,1%)rotate(-1deg)}}.grid-pattern{opacity:.5;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.floating-element{background:linear-gradient(135deg,#00a67e33 0%,#00a67e0d 100%);border-radius:50%;animation:15s ease-in-out infinite login-float-bubble;position:absolute}.floating-element:first-child{width:300px;height:300px;animation-delay:0s;top:10%;left:-10%}.floating-element:nth-child(2){width:200px;height:200px;animation-delay:-5s;bottom:20%;right:-5%}.floating-element:nth-child(3){width:150px;height:150px;animation-delay:-10s;top:50%;left:20%}@keyframes login-float-bubble{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.brand-content{z-index:10;text-align:center;max-width:480px;position:relative}.brand-logo{justify-content:center;align-items:center;width:100%;margin-bottom:48px;display:flex}.brand-logo img{filter:none;height:60px}.brand-tagline{margin-bottom:40px}.brand-tagline h1{color:#fff;margin-bottom:16px;font-size:42px;font-weight:800;line-height:1.2}.brand-tagline h1 span{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brand-tagline p{color:#fff9;font-size:18px;line-height:1.6}.features-list{text-align:left;flex-direction:column;gap:20px;display:flex}.feature-item{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;align-items:center;gap:16px;padding:16px 20px;transition:all .3s;display:flex}.feature-item:hover{background:#ffffff14;transform:translate(8px)}.feature-icon{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-dark)100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.feature-icon svg{color:#fff;width:22px;height:22px}.feature-text{flex:1}.feature-title{color:#fff;margin-bottom:2px;font-size:14px;font-weight:600}.feature-desc{color:#ffffff80;font-size:13px}.login-panel{background:var(--color-bg);flex-direction:column;justify-content:center;width:520px;padding:60px;display:flex;position:relative}.login-panel:before{content:"";background:linear-gradient(180deg,var(--color-accent)0%,var(--color-primary)100%);width:4px;position:absolute;top:0;bottom:0;left:0}.login-header{margin-bottom:40px}.login-header h2{color:var(--color-primary);margin-bottom:8px;font-size:28px;font-weight:700}.login-header p{color:var(--color-text-muted);font-size:15px}.login-form{margin-bottom:32px}.form-group{margin-bottom:24px}.form-label{color:var(--color-text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.input-wrapper{position:relative}.input-icon{width:20px;height:20px;color:var(--color-text-muted);transition:color .2s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.form-input{border:2px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);background:#fff;padding:16px 16px 16px 52px;font-family:inherit;font-size:15px;transition:all .2s}.form-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 4px #00a67e1a}.form-input:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:var(--color-accent)}.form-input::placeholder{color:var(--color-text-muted)}.form-input.error{border-color:#ef444499;box-shadow:0 0 0 4px #ef444414}.password-toggle{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-text)}.password-toggle svg{width:20px;height:20px}.form-error{color:#b42318;background:#ef444414;border-radius:10px;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;font-size:12.5px;line-height:1.4;display:flex}.form-error svg{width:16px;height:16px;color:var(--color-danger);flex-shrink:0}.form-options{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.remember-me{cursor:pointer;align-items:center;gap:10px;display:flex}.remember-me input{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.remember-me span{color:var(--color-text-muted);font-size:14px}.forgot-link{color:var(--color-accent);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.forgot-link:hover{color:var(--color-accent-dark);text-decoration:underline}.btn-login{border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-dark)100%);color:#fff;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:18px 32px;font-family:inherit;font-size:16px;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden}.btn-login:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-login:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00a67e4d}.btn-login:hover:before{left:100%}.btn-login:active{transform:translateY(0)}.btn-login svg{width:20px;height:20px;transition:transform .3s}.btn-login:hover svg{transform:translate(4px)}.divider{align-items:center;gap:16px;margin:32px 0;display:flex}.divider:before,.divider:after{content:"";background:var(--color-border);flex:1;height:1px}.divider span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:13px}.alt-login{gap:12px;display:flex}.btn-alt{border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;background:#fff;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-alt:hover{border-color:var(--color-primary);background:var(--color-bg)}.btn-alt svg{width:20px;height:20px}.login-footer{text-align:center;margin-top:40px}.login-footer p{color:var(--color-text-muted);font-size:14px}.login-footer a{color:var(--color-accent);font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}.help-link{text-align:center;position:absolute;bottom:32px;left:0;right:0}.help-link a{color:var(--color-text-muted);align-items:center;gap:6px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex}.help-link a:hover{color:var(--color-accent)}.help-link svg{width:16px;height:16px}.btn-login.loading{pointer-events:none;opacity:.8}.btn-login.loading .btn-text{opacity:0}.btn-login .spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite login-spin;display:none;position:absolute}.btn-login.loading .spinner{display:block}@keyframes login-spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.brand-panel{display:none}.login-panel{width:100%;max-width:480px;margin:0 auto;padding:40px 24px}.login-panel:before{display:none}.login-container{background:var(--color-bg);padding:20px}}@media (max-width:480px){.login-panel{padding:32px 20px}.brand-tagline h1{font-size:32px}.alt-login{flex-direction:column}}.mobile-logo{text-align:center;margin-bottom:40px;display:none}.mobile-logo img{height:48px}@media (max-width:1024px){.mobile-logo{display:block}}@keyframes login-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header,.form-group,.form-options,.btn-login,.divider,.alt-login,.login-footer{animation:.5s forwards login-fade-up}.login-header{animation-delay:.1s}.form-group:first-child{animation-delay:.2s}.form-group:nth-child(2){animation-delay:.3s}.form-options{animation-delay:.4s}.btn-login{animation-delay:.5s}