.login-wrapper{color:#fff;background:#020617;justify-content:center;align-items:center;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;display:flex;position:relative;overflow:hidden}.login-wrapper *{font-family:inherit}.bg-glow{filter:blur(100px);opacity:.12;z-index:0;border-radius:50%;width:60vh;height:60vh;position:absolute}.bg-glow-1{background:#6366f1;top:-15%;left:-10%}.bg-glow-2{background:#f43f5e;bottom:-15%;right:-10%}.login-main{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:1;background:#0f172a99;border:1px solid #ffffff14;border-radius:32px;width:100%;max-width:1050px;min-height:620px;margin:1.5rem;display:flex;overflow:hidden;box-shadow:0 40px 100px -20px #000000b3}.login-left{background:linear-gradient(145deg,#6366f114 0%,#f43f5e08 100%);border-right:1px solid #ffffff0a;flex:1.1;justify-content:center;align-items:center;padding:4rem;display:flex;position:relative}.globe-container{z-index:0;opacity:.85;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.cobe-canvas{cursor:grab;flex-shrink:0;transition:opacity 1s;transform:translateY(5%);-webkit-mask-image:radial-gradient(circle,#000 50%,#00000080 75%,#0000 100%);mask-image:radial-gradient(circle,#000 50%,#00000080 75%,#0000 100%)}.brand-content{text-align:center;z-index:1;pointer-events:none;max-width:400px}.logo-wrapper-large{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:28px;width:110px;height:110px;margin:0 auto 2rem;padding:24px;box-shadow:0 10px 30px #0003}.logo-wrapper-large img{object-fit:contain;width:100%;height:100%}.brand-title{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;letter-spacing:-2px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:3.5rem;font-weight:800;line-height:1}.brand-subtitle{color:#94a3b8;margin:.75rem 0 3rem;font-size:1.25rem;font-weight:500}.login-right{background:#0f172a33;flex:.9;justify-content:center;align-items:center;padding:4rem;display:flex}.login-form-container{width:100%;max-width:360px}.form-header{text-align:center;margin-bottom:3rem}.form-header h2{letter-spacing:-.5px;margin-bottom:.75rem;font-size:2.25rem;font-weight:800}.form-header p{color:#94a3b8;font-size:.9375rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.form-group-modern{flex-direction:column;gap:.6rem;display:flex}.form-group-modern label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;padding-left:4px;font-size:.8125rem;font-weight:700}.form-group-modern input{color:#fff;background:#00000040;border:1px solid #ffffff14;border-radius:14px;width:100%;padding:1rem 1.25rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;transition:all .2s}.form-group-modern input:focus{background:#0006;border-color:#6366f1;outline:none;box-shadow:0 0 0 1px #6366f1,0 0 20px #6366f126}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{color:#fff;background:#ffffff0d}.login-error{color:#fda4af;text-align:center;background:#f43f5e14;border:1px solid #f43f5e33;border-radius:12px;padding:1rem;font-size:.875rem;animation:.4s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.login-btn-premium{color:#020617;cursor:pointer;background:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:1rem;padding:1.125rem;font-size:1.0625rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 25px -5px #ffffff1a}.login-btn-premium:hover{background:#f8fafc;transform:translateY(-3px);box-shadow:0 20px 30px -10px #fff3}.login-btn-premium:active{transform:translateY(-1px)}.login-btn-premium:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width:900px){.login-main{flex-direction:column;max-width:500px;min-height:auto}.login-left{border-bottom:1px solid #ffffff0a;border-right:none;padding:3rem 2rem}.brand-title{font-size:2.5rem}.login-right{padding:3rem 2rem}}