.login-page{background-color:#050505;background-image:radial-gradient(circle at 1px 1px,#e106000b 1px,#0000 0);background-size:28px 28px;justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.login-ambient{pointer-events:none;z-index:0;background:radial-gradient(60% 35% at 50% 0,#e106001a 0%,#0000 70%),radial-gradient(40% 50% at 20% 80%,#e106000a 0%,#0000 60%);position:fixed;inset:0}.login-container{z-index:1;-webkit-backdrop-filter:blur(18px)saturate(140%);isolation:isolate;background:linear-gradient(#ffffff14 0%,#ffffff04 40%,#fff0 100%),#12100f8c;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:420px;padding:40px 32px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000004d,0 24px 60px -24px #000000bf,0 8px 24px -12px #ffffff0a}.login-container:before{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:screen;z-index:1;background:radial-gradient(90% 50% at 15% -15%,#ffffff1f,#fff0 60%);position:absolute;inset:0}.login-container:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#ffffff59,#ffffff26 40%,#0000);height:1px;position:absolute;top:0;left:8%;right:8%}.login-brand{text-align:center;margin-bottom:32px}.login-brand h1{color:#f4f2f0;letter-spacing:-.03em;font-size:26px;font-weight:800}.login-brand p{color:#8a8785;letter-spacing:.04em;text-transform:uppercase;margin-top:6px;font-size:13px;font-weight:500}.login-tabs{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:24px;padding:4px;display:flex}.login-tab{color:#8a8785;cursor:pointer;letter-spacing:.01em;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:13px;font-weight:600;transition:all .25s}.login-tab.active{color:#f4f2f0;background:#ffffff14;box-shadow:0 1px 4px #0000004d}.login-tab:hover:not(.active){color:#bbb}.login-error{color:#ef4444;background:#e1060014;border:1px solid #e1060033;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:500}.login-form{flex-direction:column;gap:16px;display:flex}.login-form .input-group{gap:6px}.login-form .input-group label{color:#8a8785;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.login-form .input{color:#f4f2f0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-form .input:focus{border-color:#e1060066;outline:none;box-shadow:0 0 0 3px #e1060014}.login-form .input::placeholder{color:#555}.login-submit{letter-spacing:.02em;text-transform:uppercase;border-radius:10px;width:100%;margin-top:4px;padding:12px 20px;font-size:15px;font-weight:700;transition:all .25s;color:#fff!important;background:#e10600!important;border:none!important}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 24px #e1060059;background:#c00500!important}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-qr-btn{color:#f4f2f0;width:100%;font:inherit;cursor:pointer;background:#e1060012;border:1px solid #e1060038;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:12px;padding:12px 16px;font-size:14px;font-weight:650;transition:background .2s,border-color .2s,transform .2s;display:flex}.login-qr-btn:hover{background:#e1060021;border-color:#e106006b;transform:translateY(-1px)}.qr-login-backdrop{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.qr-login-dialog{text-align:center;color:#f4f2f0;background:linear-gradient(145deg,#251c1afa,#0a0a0afa);border:1px solid #ffffff1f;border-radius:22px;width:min(100%,480px);padding:32px;position:relative;box-shadow:0 32px 90px #000000bf,0 0 60px #e106001f}.qr-login-close{color:#aaa;cursor:pointer;background:#ffffff0d;border:0;border-radius:50%;width:34px;height:34px;font-size:23px;position:absolute;top:14px;right:16px}.qr-login-eyebrow{color:#ff6b62;letter-spacing:.18em;font-size:10px;font-weight:800}.qr-login-dialog h2{letter-spacing:-.03em;margin:8px 0 7px;font-size:27px}.qr-login-dialog>p{color:#aaa;min-height:42px;font-size:14px;line-height:1.5}.qr-login-dialog>small{color:#777;margin-top:11px;font-size:11px;display:block}.qr-login-code{background:#fff;border:4px solid #ffffff1f;border-radius:20px;place-items:center;width:236px;height:236px;margin:22px auto 0;padding:12px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 7px #e1060012}.qr-login-code img{width:100%;height:100%;display:block}.qr-login-code.approved{border-color:#10b981}.qr-login-approved{color:#fff;background:#059669e6;place-items:center;font-size:72px;display:grid;position:absolute;inset:0}.qr-login-spinner{border:3px solid #ddd;border-top-color:#e10600;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.qr-login-retry{margin-top:16px}.qr-login-steps{text-align:left;border-top:1px solid #ffffff14;gap:9px;margin-top:24px;padding-top:20px;display:grid}.qr-login-steps span{color:#aaa;font-size:12px}.qr-login-steps b{color:#fff;background:#e1060073;border-radius:50%;place-items:center;width:21px;height:21px;margin-right:8px;font-size:10px;display:inline-grid}.device-replace-backdrop{z-index:1100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.device-replace-dialog{color:#f4f2f0;text-align:center;background:linear-gradient(145deg,#261b19fc,#080808fc);border:1px solid #ffffff1f;border-radius:24px;width:min(100%,600px);max-height:min(760px,100dvh - 40px);padding:34px;position:relative;overflow:auto;box-shadow:0 34px 100px #000c,0 0 70px #e1060021}.device-replace-close{color:#aaa;cursor:pointer;background:#ffffff0f;border:0;border-radius:50%;width:36px;height:36px;font-size:23px;position:absolute;top:14px;right:16px}.device-replace-symbol{color:#ff5a50;background:#e106001c;border:1px solid #e106003d;border-radius:17px;place-items:center;width:58px;height:58px;margin:0 auto 12px;font-size:31px;display:grid}.device-replace-eyebrow{color:#ff746c;letter-spacing:.17em;font-size:10px;font-weight:800}.device-replace-dialog h2{letter-spacing:-.035em;margin:9px 0 8px;font-size:28px}.device-replace-dialog>p{color:#aaa;max-width:490px;margin:0 auto 22px;font-size:14px;line-height:1.55}.device-replace-list{text-align:left;gap:11px;display:grid}.device-replace-list>button{width:100%;color:inherit;text-align:left;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff17;border-radius:14px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px;transition:all .16s;display:grid}.device-replace-list>button:hover:not(:disabled){background:#e1060017;border-color:#e106006b;transform:translateY(-1px)}.device-replace-list>button:disabled{opacity:.62;cursor:wait}.device-replace-list span:nth-child(2){gap:4px;min-width:0;display:grid}.device-replace-list b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.device-replace-list small{color:#888;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.device-replace-list strong{color:#ff655d;font-size:12px}.device-replace-icon{color:#ff655d;background:#e106001a;border-radius:12px;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.device-replace-icon.android{color:#4ade80;background:#4ade801a}.device-replace-icon.web{color:#c084fc;background:#c084fc1a}.device-replace-icon.macos{color:#eee;background:#ffffff14}.device-replace-note{color:#777;margin-top:18px;font-size:11px;display:block}@media (max-width:560px){.device-replace-dialog{padding:30px 18px 22px}.device-replace-list>button{grid-template-columns:42px minmax(0,1fr)}.device-replace-list strong{grid-column:2}}.login-divider{align-items:center;gap:12px;margin:20px 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff0f;flex:1;height:1px}.login-divider span{color:#8a8785;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}.google-btn-overlay{width:100%;position:relative}.login-google-btn{color:#f4f2f0;cursor:pointer;pointer-events:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.google-btn-overlay:hover .login-google-btn{background:#ffffff12;border-color:#ffffff24}.google-btn-real{opacity:.01;cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.google-btn-real iframe,.google-btn-real>div,.google-btn-real>div>div{min-height:44px;width:100%!important;height:100%!important}.login-apple-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.login-apple-btn:hover{background:#ffffff1f;border-color:#ffffff38}.login-apple-btn:disabled{opacity:.5;cursor:not-allowed}.login-footer-text{text-align:center;color:#8a8785;margin-top:20px;font-size:13px}.login-switch{color:#f4f2f0;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;transition:color .2s}.login-switch:hover{color:#e10600}@media (max-width:480px){.login-container{padding:32px 24px}}
