.login-wrapper{background-color:#fafbfc;min-height:100dvh;display:flex}.login-form-panel{background-color:#fff;flex:1;justify-content:center;align-items:center;padding:2.5rem 2rem;display:flex;position:relative;overflow:hidden}.login-form-dots{opacity:.45;pointer-events:none;background-image:radial-gradient(circle,#e2e8f0 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.login-form-inner{z-index:1;flex-direction:column;width:100%;max-width:420px;display:flex;position:relative}.login-brand{align-items:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.login-brand-logo{object-fit:contain;width:auto;height:120px}.login-heading{margin-bottom:2rem}.login-heading h1{color:#0f172a;letter-spacing:-.025em;margin:0 0 .5rem;font-size:1.75rem;font-weight:700;line-height:1.2}.login-heading p{color:#64748b;margin:0;font-size:.9375rem;line-height:1.5}.login-error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:500;animation:.4s ease-in-out login-shake;display:flex}@keyframes login-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-field{flex-direction:column;gap:.375rem;display:flex}.login-field label{color:#334155;letter-spacing:.01em;font-size:.8125rem;font-weight:600}.login-field input{color:#0f172a;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:.75rem .875rem;font-size:.875rem;font-weight:500;transition:border-color .2s,box-shadow .2s,background-color .2s}.login-field input:hover{border-color:#cbd5e1}.login-field input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.login-field input::placeholder{color:#94a3b8;font-weight:400}.login-password-wrapper{position:relative}.login-password-wrapper input{padding-right:2.75rem}.login-password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:2.75rem;transition:color .15s;display:flex;position:absolute;top:0;bottom:0;right:0}.login-password-toggle:hover{color:#475569}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.25rem;padding:.8rem;font-size:.9375rem;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;box-shadow:0 4px 14px -3px #2563eb73}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px -3px #2563eb80}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-spinner{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-security-badge{color:#94a3b8;border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:.4rem;margin-top:1.75rem;padding-top:1.25rem;font-size:.75rem;font-weight:500;display:flex}.login-security-badge svg{color:#22c55e;flex-shrink:0}.login-footer{color:#cbd5e1;text-align:center;margin-top:1.25rem;font-size:.75rem}.login-hero-panel{background:linear-gradient(145deg,#1e3a8a,#2563eb 50%,#3b82f6);border-radius:28px 0 0 28px;flex-direction:column;flex:1;justify-content:center;align-items:center;margin:1rem 0;padding:3rem 3rem 0;display:none;position:relative;overflow:hidden}.login-hero-content{z-index:2;max-width:460px;position:relative}.login-hero-content h2{color:#fff;letter-spacing:-.03em;text-align:center;margin:0 0 1rem;font-size:2.125rem;font-weight:700;line-height:1.2}.login-hero-highlight{background:linear-gradient(90deg,#bfdbfe,#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-hero-content p{color:#ffffffb3;text-align:center;max-width:440px;margin:0;font-size:.9375rem;line-height:1.6}.login-hero-pill{z-index:3;-webkit-backdrop-filter:blur(16px);color:#fff;white-space:nowrap;background:#ffffff26;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;animation:.6s ease-out both login-pill-float;display:flex;position:absolute}.login-hero-pill--1{animation-delay:.3s;top:2.5rem;right:2.5rem}.login-hero-pill--2{animation-delay:.5s;bottom:38%;left:2rem}.login-hero-pill--3{animation-delay:.7s;bottom:18%;right:2rem}@keyframes login-pill-float{0%{opacity:0;transform:translate(20px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.login-hero-pill-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.login-hero-pill-dot--green{background-color:#4ade80;box-shadow:0 0 6px #4ade8099}.login-hero-pill-dot--blue{background-color:#60a5fa;box-shadow:0 0 6px #60a5fa99}.login-hero-pill-dot--purple{background-color:#a78bfa;box-shadow:0 0 6px #a78bfa99}.login-hero-illustration{z-index:2;flex:1;justify-content:center;align-items:center;width:100%;margin-top:1.5rem;padding-bottom:1rem;display:flex;position:relative}.login-hero-illustration img{object-fit:contain;filter:drop-shadow(0 20px 40px #00000026);border-radius:20px;width:100%;max-width:500px;height:auto;animation:.9s ease-out .2s both login-illustration-rise}@keyframes login-illustration-rise{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.login-hero-bg-ring{z-index:0;border:1px solid #ffffff14;border-radius:50%;position:absolute}.login-hero-bg-ring--1{width:500px;height:500px;animation:6s ease-in-out infinite alternate login-ring-pulse;bottom:-120px;right:-120px}.login-hero-bg-ring--2{width:350px;height:350px;animation:8s ease-in-out 2s infinite alternate login-ring-pulse;top:-60px;left:-60px}.login-hero-bg-ring--3{border:1px dashed #ffffff0f;width:200px;height:200px;animation:10s ease-in-out 1s infinite alternate login-ring-pulse;top:40%;right:30%}@keyframes login-ring-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}.login-hero-glow{z-index:1;pointer-events:none;background:radial-gradient(circle,#ffffff1f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-50px;left:50%;transform:translate(-50%)}@media (min-width:1024px){.login-hero-panel{display:flex}.login-form-panel{flex:1.1}}@media (max-width:1023px){.login-form-panel{padding:2rem 1.25rem}}@media (max-width:480px){.login-heading h1{font-size:1.5rem}.login-form-inner{max-width:100%}}