*{box-sizing:border-box}
.login-v3-body{margin:0;min-height:100vh;font-family:Inter,Arial,sans-serif;background:#020617;color:#fff;overflow:hidden}
.login-v3-bg{position:fixed;inset:0;background:
radial-gradient(circle at 16% 10%,rgba(59,130,246,.35),transparent 28%),
radial-gradient(circle at 84% 18%,rgba(124,58,237,.28),transparent 30%),
radial-gradient(circle at 50% 100%,rgba(34,197,94,.12),transparent 28%),
linear-gradient(rgba(148,163,184,.045) 1px,transparent 1px),
linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 1px);
background-size:auto,auto,auto,44px 44px,44px 44px;animation:loginFloat 12s ease-in-out infinite}
.login-v3-shell{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.login-v3-card{position:relative;width:min(440px,94vw);background:linear-gradient(145deg,rgba(15,23,42,.94),rgba(2,6,23,.9));border:1px solid rgba(148,163,184,.24);border-radius:30px;padding:32px;box-shadow:0 30px 90px rgba(0,0,0,.55);overflow:hidden}
.login-v3-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(96,165,250,.10),transparent);transform:translateX(-100%);animation:loginShine 4s infinite}
.login-v3-glow{position:absolute;width:180px;height:180px;border-radius:999px;background:rgba(37,99,235,.24);filter:blur(42px);right:-60px;top:-60px}
.login-v3-brand{position:relative;display:flex;gap:16px;align-items:center}
.login-v3-logo-wrap{width:62px;height:62px;border-radius:20px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12)}
.login-v3-logo-wrap img{width:48px;height:48px;object-fit:contain}
.login-v3-brand span{display:block;color:#60a5fa;font-weight:900;font-size:12px;letter-spacing:.16em}
.login-v3-brand h1{margin:3px 0 0;font-size:34px;line-height:1}
.login-v3-sub{position:relative;color:#cbd5e1;margin:18px 0 24px}
.login-v3-error{position:relative;background:rgba(239,68,68,.14);border:1px solid rgba(248,113,113,.34);color:#fecaca;padding:12px 14px;border-radius:16px;margin-bottom:18px;font-weight:700}
.login-v3-form{position:relative}
.login-v3-form label{display:block;margin:14px 0 8px;color:#bfdbfe;font-weight:900;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.login-v3-input{display:flex;align-items:center;gap:10px;background:rgba(2,6,23,.72);border:1px solid rgba(148,163,184,.22);border-radius:18px;padding:0 14px;transition:.2s}
.login-v3-input:focus-within{border-color:#60a5fa;box-shadow:0 0 0 5px rgba(96,165,250,.13);transform:translateY(-1px)}
.login-v3-input span{opacity:.8}
.login-v3-input input{height:52px;flex:1;background:transparent;border:0;outline:none;color:#fff;font-size:15px}
.login-v3-input input::placeholder{color:#64748b}
.login-v3-form button{width:100%;height:56px;margin-top:22px;border:0;border-radius:18px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:1000;font-size:15px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 16px 34px rgba(37,99,235,.28);transition:.2s}
.login-v3-form button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.login-v3-form button b{font-size:22px}
.login-v3-footer{position:relative;margin-top:18px;text-align:center;color:#94a3b8;font-size:12px}
@keyframes loginShine{0%,45%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes loginFloat{0%,100%{background-position:center}50%{background-position:20px 10px}}


.login-v3-remember{display:flex!important;align-items:center;gap:10px;margin:2px 0 4px!important;color:#cbd5e1!important;font-size:13px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;user-select:none}
.login-v3-remember input{width:18px;height:18px;accent-color:#60a5fa;cursor:pointer}
.login-v3-remember span{opacity:.9}