.login-page{background:#fff;width:100vw;height:100vh;font-family:Outfit,sans-serif;display:flex;overflow:hidden}.login-branding{color:#fff;background:#0f172a;flex-direction:column;flex:1.2;justify-content:space-between;padding:80px;display:flex;position:relative;overflow:hidden}.login-branding:before{content:"";filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#1a2b8b66 0%,#0000 70%);width:60%;height:60%;position:absolute;top:-20%;right:-20%}.login-branding:after{content:"";filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#f59e0b1a 0%,#0000 70%);width:50%;height:50%;position:absolute;bottom:-10%;left:-10%}.branding-content{z-index:10;position:relative}.branding-logo{items-center:center;gap:16px;margin-bottom:60px;display:flex}.branding-logo img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 10px #fff3);width:48px;height:48px}.branding-logo h1{letter-spacing:-1px;text-transform:uppercase;font-size:24px;font-style:italic;font-weight:900}.branding-logo span{color:#f59e0b;letter-spacing:4px;text-transform:uppercase;margin-top:4px;font-size:8px;font-weight:900;display:block}.branding-text h2{letter-spacing:-3px;text-transform:uppercase;margin-bottom:24px;font-size:64px;font-style:italic;font-weight:900;line-height:.9}.branding-text h2 span{color:#1a2b8b;-webkit-text-stroke:1px #ffffff1a}.branding-text p{color:#ffffff80;max-width:360px;font-size:14px;font-weight:500;line-height:1.6}.branding-footer{z-index:10;gap:24px;display:flex;position:relative}.feature-pill{border:1px border #ffffff0d;background:#ffffff08;border-radius:24px;flex:1;padding:20px}.feature-pill svg{color:#f59e0b;margin-bottom:12px}.feature-pill p{text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:900}.login-auth{background:#fff;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.auth-card{width:100%;max-width:400px}.auth-header{margin-bottom:48px}.auth-header h3{color:#0f172a;letter-spacing:-1px;font-size:32px;font-weight:900}.auth-header p{color:#94a3b8;text-transform:uppercase;letter-spacing:2px;margin-top:8px;font-size:10px;font-weight:900}.auth-form{flex-direction:column;gap:24px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:#64748b;text-transform:uppercase;letter-spacing:1px;padding-left:4px;font-size:10px;font-weight:900}.input-wrapper{position:relative}.input-wrapper svg{color:#cbd5e1;transition:color .3s;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.input-wrapper input{color:#0f172a;background:#f8fafc;border:1px solid #f1f5f9;border-radius:20px;outline:none;width:100%;padding:20px 24px 20px 56px;font-size:14px;font-weight:600;transition:all .3s}.input-wrapper input:focus{background:#fff;border-color:#0f172a;box-shadow:0 10px 20px -5px #0f172a0d}.input-wrapper input:focus+svg{color:#0f172a}.login-button{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:20px;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding:20px;font-size:16px;font-weight:900;transition:all .3s;display:flex;box-shadow:0 20px 30px -10px #0f172a4d}.login-button:hover{transform:translateY(-2px);box-shadow:0 25px 40px -10px #0f172a66}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-message{color:#e11d48;background:#fff1f2;border:1px solid #ffe4e6;border-radius:16px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;font-size:12px;font-weight:700;animation:.3s ease-out slideDown;display:flex}.error-dot{background:#e11d48;border-radius:50%;width:6px;height:6px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.login-branding{display:none}}