:root{--bg:#050507;--bg-elev:#0b0b10;--panel:rgba(255,255,255,0.035);--panel-2:rgba(255,255,255,0.055);--border:rgba(255,255,255,0.08);--border-strong:rgba(147,82,209,0.3);--text:rgba(255,255,255,0.94);--muted:rgba(255,255,255,0.56);--accent:#9352D1;--accent-hover:#9352D1;--accent-soft:rgba(147,82,209,0.14);--accent-soft-2:rgba(147,82,209,0.2);--error:#f87171}.login-page{min-height:100svh;background:var(--bg);color:var(--text);padding:24px;overflow-x:hidden}.login-shell{min-height:calc(100svh - 48px);display:grid;place-items:center}.login-card{width:100%;max-width:392px;border-radius:20px;border:1px solid var(--border);background:#0505079e;backdrop-filter:blur(10px);padding:24px;animation:loginPop .18s ease-out}@keyframes loginPop{0%{transform:translateY(8px);opacity:.72}to{transform:translateY(0);opacity:1}}.login-page .logo{display:flex;width:100%;justify-content:center;align-items:center;margin:4px 0 18px}.login-page .logoImg{width:56px;height:56px;-o-object-fit:contain;object-fit:contain;display:block}.title{margin:0 0 8px;font-size:22px;line-height:1.18;font-weight:900;letter-spacing:.1px;color:var(--text)}.subtitle,.title{text-align:center}.subtitle{margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.5}.form{display:grid;gap:12px}.field .label{display:block;margin:0 0 6px 2px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.1px}.control{position:relative;display:flex;align-items:center;min-height:52px;border-radius:13px;border:1px solid var(--border);background:rgba(0,0,0,.34);padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.control:hover{border-color:rgba(255,255,255,.12);background:rgba(0,0,0,.38)}.control:focus-within{border-color:rgba(147,82,209,.52)}.control .icon{width:18px;height:18px;flex:0 0 auto;opacity:.82;fill:currentColor;color:rgba(196,181,253,.92)}.control input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:0;background:transparent;color:var(--text);width:100%;min-width:0;padding:12px 10px;font-size:14px;line-height:1.2}.control input::-moz-placeholder{color:rgba(255,255,255,.3)}.control input::placeholder{color:rgba(255,255,255,.3)}.control .ghost{margin-left:auto;flex-shrink:0;border:0;background:transparent;color:rgba(196,181,253,.95);font-size:12px;font-weight:700;cursor:pointer;opacity:.88;transition:opacity .15s ease}.control .ghost:hover{opacity:1}.submit{width:100%;min-height:46px;border:0;border-radius:13px;padding:0 16px;background:var(--accent);color:#fff;font-size:14px;font-weight:900;letter-spacing:.15px;cursor:pointer;transition:transform .05s ease,filter .15s ease,opacity .15s ease,box-shadow .15s ease;box-shadow:0 10px 24px rgba(147,82,209,.28),inset 0 1px 0 rgba(255,255,255,.08)}.submit:hover{filter:brightness(1.04)}.submit:active{transform:translateY(1px)}.submit:disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}.spinner{width:16px;height:16px;display:inline-block;border-radius:999px;border:2px solid rgba(255,255,255,.72);border-top-color:transparent;animation:loginSpin .8s linear infinite}@keyframes loginSpin{to{transform:rotate(1turn)}}.alert{margin-bottom:2px;border-radius:13px;border:1px solid rgba(248,113,113,.28);background:rgba(248,113,113,.08);color:#fecaca;padding:10px 12px;font-size:13px;line-height:1.4}.hint{margin-top:14px;text-align:center;font-size:12px;line-height:1.45;color:var(--muted)}.tfa-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.68);backdrop-filter:blur(6px)}.tfa-modal{width:100%;max-width:372px;border-radius:18px;border:1px solid var(--border);background:#0505079e;padding:18px;transform:translateY(-28px);animation:loginPop .18s ease-out}.tfa-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.tfa-title{margin:0 0 3px;font-size:16px;line-height:1.2;font-weight:900;color:var(--text)}.tfa-sub{font-size:12px;line-height:1.4;color:var(--muted)}.tfa-x{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;border:1px solid var(--border);background:rgba(255,255,255,.045);color:rgba(255,255,255,.88);cursor:pointer;transition:transform .05s ease,background .15s ease,border-color .15s ease}.tfa-x:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}.tfa-x:active{transform:translateY(1px)}.tfa-cells{display:flex;justify-content:center;gap:8px;padding:8px 0 4px}.tfa-cell{width:46px;height:54px;border-radius:14px;border:1px solid var(--border);background:rgba(0,0,0,.34);color:var(--text);text-align:center;outline:none;font-size:20px;font-weight:900;letter-spacing:.4px;transition:border-color .15s ease,box-shadow .15s ease,transform .06s ease,background .15s ease}.tfa-cell:hover{border-color:rgba(255,255,255,.12)}.tfa-cell:focus{border-color:rgba(147,82,209,.6);box-shadow:0 0 0 4px rgba(147,82,209,.14);background:rgba(0,0,0,.4);transform:translateY(-1px)}.tfa-cells.is-loading .tfa-cell{opacity:.74}.tfa-foot{justify-content:space-between;gap:12px;margin-top:12px}.tfa-foot,.tfa-hint{display:flex;align-items:center}.tfa-hint{gap:10px;min-height:18px;color:var(--muted);font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tfa-spin{width:15px;height:15px;display:inline-block;border-radius:999px;border:2px solid rgba(255,255,255,.62);border-top-color:transparent;animation:loginSpin .8s linear infinite}@media (max-width:900px){.login-page{padding:20px}.login-shell{min-height:calc(100svh - 40px)}.login-card{max-width:388px}}@media (max-width:640px){.login-page{padding:16px}.login-shell{min-height:calc(100svh - 32px);align-items:center}.login-card{max-width:100%;border-radius:18px;padding:20px 18px}.login-page .logo{margin-bottom:12px}.login-page .logoImg{width:52px;height:52px}.title{font-size:20px}.subtitle{font-size:12px;margin-bottom:14px}.control{min-height:52px;border-radius:12px}.control input{font-size:16px;padding:11px 9px}.submit{min-height:44px;border-radius:12px}.tfa-overlay{padding:14px;align-items:center}.tfa-modal{max-width:356px;padding:16px;transform:translateY(-18px)}.tfa-cells{gap:7px}.tfa-cell{width:44px;height:52px;font-size:19px}}@media (max-width:420px){.login-page{padding:12px}.login-shell{min-height:calc(100svh - 24px)}.login-card{padding:18px 16px;border-radius:16px}.title{font-size:18px}.subtitle{line-height:1.4}.control{padding:0 10px}.control .ghost,.hint{font-size:11px}.tfa-overlay{padding:10px}.tfa-modal{max-width:100%;padding:15px;border-radius:16px;transform:translateY(-10px)}.tfa-title{font-size:15px}.tfa-sub{font-size:11px}.tfa-cells{gap:6px}.tfa-cell{width:calc((100vw - 68px) / 6);max-width:42px;min-width:38px;height:50px;border-radius:12px;font-size:18px}}@media (max-width:360px){.login-page .logoImg{width:48px;height:48px}.title{font-size:17px}.login-card{padding:16px 14px}.tfa-modal{padding:14px}.tfa-cell{height:48px;font-size:17px}}@media (min-width:1440px){.login-card{max-width:404px}.tfa-modal{max-width:380px;transform:translateY(-34px)}}