.login-page{background:#f8fafc;grid-template-columns:1fr;min-height:100vh;display:grid}@media (max-width:1023px){.login-hero{order:2;min-height:auto}.login-form-panel{order:1}}@media (min-width:1024px){.login-page{grid-template-columns:1fr 1.05fr}}.login-hero{color:#fff;background:linear-gradient(160deg,#4338ca 0%,#3730a3 45%,#312e81 100%);flex-direction:column;justify-content:space-between;padding:2rem 1.5rem;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.login-hero{min-height:100vh;padding:2.5rem 3rem}}.login-hero:before,.login-hero:after{content:"";pointer-events:none;background:#ffffff0f;border-radius:9999px;position:absolute}.login-hero:before{width:18rem;height:18rem;top:-4rem;right:-3rem}.login-hero:after{width:14rem;height:14rem;bottom:2rem;left:-4rem}.login-hero-inner{z-index:1;flex-direction:column;gap:2rem;height:100%;display:flex;position:relative}.login-brand{align-items:center;gap:.75rem;display:flex}.login-brand-icon{background:#ffffff26;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.login-brand-name{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.login-hero-content{flex-direction:column;flex:1;justify-content:center;max-width:32rem;display:flex}.login-hero-title{letter-spacing:-.02em;font-size:clamp(1.75rem,3vw,2.35rem);font-weight:700;line-height:1.2}.login-hero-text{color:#ffffffe0;margin-top:1.25rem;font-size:.95rem;line-height:1.65}.login-hero-list{flex-direction:column;gap:.85rem;margin-top:1.75rem;padding:0;list-style:none;display:flex}.login-hero-list li{color:#ffffffeb;align-items:flex-start;gap:.65rem;font-size:.9rem;line-height:1.5;display:flex}.login-hero-list li:before{content:"";background:#a5b4fc;border-radius:9999px;flex-shrink:0;width:.45rem;height:.45rem;margin-top:.45rem}.login-hero-footer{z-index:1;color:#ffffff8c;font-size:.75rem;position:relative}.login-form-panel{background:#f8fafc;justify-content:center;align-items:center;padding:2rem 1.25rem;display:flex}@media (min-width:1024px){.login-form-panel{min-height:100vh;padding:3rem 2.5rem}}.login-form-wrap{width:100%;max-width:26rem}.login-form-title{color:#0f172a;letter-spacing:-.02em;font-size:1.65rem;font-weight:700}.login-form-subtitle{color:#64748b;margin-top:.5rem;font-size:.9rem}.login-demo{background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;margin-top:1.75rem;padding:1rem}.login-demo-label{letter-spacing:.08em;color:#94a3b8;font-size:.65rem;font-weight:700}.login-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.75rem;display:grid}@media (max-width:480px){.login-demo-grid{grid-template-columns:1fr}}.login-demo-btn{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.65rem;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.65rem .75rem;transition:border-color .15s,background .15s;display:flex}.login-demo-btn:hover{background:#eef2ff;border-color:#c7d2fe}.login-demo-btn strong{color:#0f172a;font-size:.8rem;font-weight:600}.login-demo-btn span{color:#64748b;font-size:.68rem}.login-form{flex-direction:column;gap:1.15rem;margin-top:1.5rem;display:flex}.login-field label{color:#334155;margin-bottom:.4rem;font-size:.85rem;font-weight:500;display:block}.login-input-wrap{position:relative}.login-input{color:#0f172a;background:#f1f5f9;border:1px solid #0000;border-radius:.65rem;outline:none;width:100%;padding:.8rem 1rem;font-size:.9rem;transition:box-shadow .15s,border-color .15s}.login-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.login-input-password{padding-right:2.75rem}.login-password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.login-password-toggle:hover{color:#64748b}.login-form-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.login-checkbox{color:#475569;cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.login-checkbox input{accent-color:#6366f1;width:1rem;height:1rem}.login-forgot{color:#6366f1;font-size:.85rem;font-weight:500;text-decoration:none}.login-forgot:hover{color:#4f46e5;text-decoration:underline}.login-submit{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:.65rem;width:100%;margin-top:.25rem;padding:.85rem 1rem;font-size:.95rem;font-weight:600;transition:background .15s}.login-submit:hover:not(:disabled){background:#4f46e5}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:.65rem;padding:.75rem 1rem;font-size:.85rem}.login-register{text-align:center;color:#64748b;margin-top:1.75rem;font-size:.875rem}.login-register a{color:#6366f1;font-weight:600;text-decoration:none}.login-register a:hover{text-decoration:underline}