.login-root{background:#f8fafc;width:100%;min-height:100vh;font-family:Inter,Segoe UI,sans-serif;display:flex}.login-left{background:linear-gradient(145deg,#0b1a33 0%,#1a3060 60%,#0d2248 100%);flex:1;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.login-left__inner{z-index:2;max-width:480px;position:relative}.login-logo{align-items:center;gap:14px;margin-bottom:60px;display:flex}.login-logo__icon{color:#fff;background:#ff2d1e;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;font-weight:900;display:flex}.login-logo__text{flex-direction:column;display:flex}.login-logo__text span:first-child{color:#fff;font-size:1.2rem;font-weight:800;line-height:1.2}.login-logo__text span:last-child{color:#ffffff80;font-size:.72rem;font-weight:500}.login-hero-text h1{color:#fff;margin-bottom:18px;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.15}.login-hero-text h1:after{content:".";color:#ff2d1e}.login-hero-text p{color:#fff9;max-width:400px;margin-bottom:48px;font-size:1rem;line-height:1.7}.login-features{flex-direction:column;gap:16px;display:flex}.login-feature{color:#fffc;align-items:center;gap:14px;font-size:.9rem;font-weight:500;display:flex}.login-feature__icon{color:#ff2d1e;background:#ff2d1e26;border:1px solid #ff2d1e4d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;display:flex}.login-bg-circle{z-index:1;border-radius:50%;position:absolute}.login-bg-circle--1{background:radial-gradient(circle,#ff2d1e14 0%,#0000 70%);width:400px;height:400px;top:-100px;right:-100px}.login-bg-circle--2{background:radial-gradient(circle,#ffffff0a 0%,#0000 70%);width:300px;height:300px;bottom:-60px;left:20%}.login-right{background:#fff;flex-shrink:0;justify-content:center;align-items:center;width:520px;padding:40px 60px;display:flex;box-shadow:-10px 0 50px #0000000d}.login-form-card{width:100%;max-width:380px}.login-form-header{margin-bottom:32px}.login-form-header h2{color:#0b1a33;margin-bottom:8px;font-size:2rem;font-weight:800}.login-form-header p{color:#64748b;font-size:.9rem}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:12px;align-items:center;gap:10px;margin-bottom:24px;padding:14px 16px;font-size:.84rem;animation:.4s cubic-bezier(.36,.07,.19,.97) both shake;display:flex}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.login-form{flex-direction:column;gap:22px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-field label{color:#374151;letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:700}.login-input-wrap{position:relative}.login-input-wrap i{color:#94a3b8;font-size:1rem;transition:color .2s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-input-wrap input{color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:15px 16px 15px 48px;font-family:inherit;font-size:1rem;transition:all .3s}.login-input-wrap input:focus{background:#fff;border-color:#ff2d1e;box-shadow:0 10px 20px #ff2d1e14}.login-input-wrap input:focus+i{color:#ff2d1e}.login-input-wrap input::placeholder{color:#cbd5e1}.login-submit-btn{color:#fff;cursor:pointer;background:#0b1a33;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:10px;padding:16px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 10px 25px #0b1a3333}.login-submit-btn:hover:not(:disabled){background:#1a3060;transform:translateY(-2px);box-shadow:0 15px 35px #0b1a334d}.login-submit-btn:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8}.login-footer-note{text-align:center;color:#94a3b8;justify-content:center;align-items:center;gap:8px;margin-top:32px;font-size:.75rem;display:flex}@media (max-width:1024px){.login-right{width:450px}}@media (max-width:900px){.login-left{display:none}.login-right{width:100%;box-shadow:none;padding:40px 24px}}@media (max-width:480px){.login-right{align-items:flex-start;padding:60px 20px 30px}.login-form-header h2{font-size:1.6rem}}