.login-root{color:#fff;background:#000;justify-content:center;align-items:center;width:100vw;min-height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.login-loading-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-split{z-index:20;width:100%;min-height:100vh;display:flex;position:relative}.login-left{-webkit-user-select:none;user-select:none;background:#050505;border-right:1px solid #1a1a1a;flex-direction:column;flex-shrink:0;justify-content:space-between;width:50%;padding:64px;display:none;position:relative;overflow:hidden}@media (min-width:768px){.login-root{justify-content:flex-start;align-items:stretch}.login-left{display:flex}}.login-left-bg{z-index:0;position:absolute;inset:0}.login-left-bg img{object-fit:cover;opacity:.2;filter:grayscale()contrast(1.2);width:100%;height:100%}.login-left-bg-overlay{background:linear-gradient(#0000 0%,#00000040 40%,#000 100%);position:absolute;inset:0}.login-left-top{z-index:10;align-items:center;gap:12px;display:flex;position:relative}.login-left-top img{object-fit:contain;width:28px;height:28px}.login-left-top span{letter-spacing:.28em;text-transform:uppercase;color:#ffffffbf;font-size:10px;font-weight:600}.login-left-bottom{z-index:10;max-width:420px;position:relative}.login-left-headline{letter-spacing:.02em;color:#ffffffe0;margin:0 0 16px;font-size:28px;font-weight:200;line-height:1.4}.login-left-sub{color:#ffffff59;margin:0;font-size:11px;font-weight:300;line-height:1.7}.login-right{z-index:10;justify-content:center;align-items:center;width:100%;padding:24px;display:flex;position:relative}@media (min-width:768px){.login-right{background:#030303;flex-shrink:0;width:50%;padding:64px}}.login-card{width:100%;max-width:420px;position:relative}@media (max-width:767px){.login-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#00000073;border:1px solid #ffffff14;border-radius:24px;padding:40px;box-shadow:0 32px 64px #00000080}}.login-header{text-align:center;margin-bottom:40px}@media (min-width:768px){.login-header{text-align:left}}.login-logo-wrap{justify-content:center;align-items:center;margin-bottom:24px;display:inline-flex}@media (min-width:768px){.login-logo-wrap{display:none}}.login-logo-wrap img{object-fit:contain;width:60px;height:60px}.login-title{letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:0 0 20px;font-size:18px;font-weight:600}@media (min-width:768px){.login-title{letter-spacing:.02em;text-transform:none;font-size:26px;font-weight:700}}.login-welcome{color:#ffffffe0;margin:0 0 4px;font-size:14px;font-weight:500}.login-subtitle{color:#ffffff61;margin:0;font-size:11px}.login-form{flex-direction:column;gap:20px;display:flex}.login-label{letter-spacing:.2em;text-transform:uppercase;color:#ffffff61;margin:0 0 8px 2px;font-size:9px;font-weight:600;display:block}.login-input{color:#fff;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:border-color .2s}@media (min-width:768px){.login-input{background:#ffffff08;border-color:#1f1f1f}.login-input:focus{border-color:#444}}.login-input:focus{border-color:#ffffff59}.login-input::placeholder{color:#333}.login-input-wrap{position:relative}.login-input-wrap .login-input{padding-right:50px}.login-eye-btn{color:#555;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.login-eye-btn:hover{color:#fff}.login-forgot-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.login-forgot-btn{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;cursor:pointer;background:0 0;border:none;font-family:Inter,sans-serif;font-size:9px;font-weight:600;transition:color .2s}.login-forgot-btn:hover{color:#fff}.login-error{color:#ef4444;text-align:center;background:#ef44440d;border:1px solid #ef444433;border-radius:12px;padding:14px 16px;font-size:11px;font-weight:500}.login-btn-primary{color:#000;cursor:pointer;background:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:background .2s,opacity .2s;display:flex}.login-btn-primary:hover{background:#e5e5e5}.login-btn-primary:disabled{opacity:.5;cursor:not-allowed}.login-btn-primary svg{transition:transform .2s}.login-btn-primary:hover svg{transform:translate(6px)}.login-divider{align-items:center;gap:12px;margin:8px 0;display:flex}.login-divider-line{background:#ffffff0f;flex:1;height:1px}@media (min-width:768px){.login-divider-line{background:#1a1a1a}}.login-divider-text{letter-spacing:.15em;text-transform:uppercase;color:#ffffff4d;font-size:9px;font-weight:600}.login-btn-google{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:background .2s;display:flex}@media (min-width:768px){.login-btn-google{border-color:#1f1f1f}}.login-btn-google:hover{background:#ffffff14}.login-btn-google img{width:16px;height:16px}.login-btn-secondary{color:#ffffff80;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:background .2s,color .2s}@media (min-width:768px){.login-btn-secondary{border-color:#1f1f1f}}.login-btn-secondary:hover{color:#fff;background:#ffffff14}.login-link-btn{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;font-family:Inter,sans-serif;font-size:9px;font-weight:600;transition:color .2s;display:block}.login-link-btn:hover{color:#fff}.login-footer{text-align:center;border-top:1px solid #ffffff0a;margin-top:48px;padding-top:24px}@media (min-width:768px){.login-footer{border-top-color:#151515}}.login-footer p{color:#ffffff40;letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:9px;line-height:1.8}.otp-shield{background:#10b98114;border:1px solid #10b98133;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;animation:2s infinite pulse;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.animate-shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both shake}@media (min-width:768px){.login-mobile-bg{display:none!important}}