*{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;box-sizing:border-box;}body{min-height:100vh;background:var(--login-bg-start);display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;}body::before{content:'';position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 50%,rgba(14,165,233,0.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(6,182,212,0.12) 0%,transparent 50%),radial-gradient(ellipse at 40% 80%,rgba(14,165,233,0.08) 0%,transparent 50%);animation:meshFloat 20s ease-in-out infinite;z-index:0;}@keyframes meshFloat{0%,100%{transform:translate(0,0) rotate(0deg);}25%{transform:translate(2%,-1%) rotate(1deg);}50%{transform:translate(-1%,2%) rotate(-1deg);}75%{transform:translate(1%,1%) rotate(0.5deg);}}body::after{content:'';position:fixed;width:300px;height:300px;border:1px solid rgba(14,165,233,0.08);border-radius:50%;top:10%;right:-5%;animation:floatShape 15s ease-in-out infinite;z-index:0;}@keyframes floatShape{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-20px,30px) scale(1.05);}}.login-container{width:100%;max-width:440px;position:relative;z-index:1;animation:loginSlideUp 0.6s cubic-bezier(0.16,1,0.3,1) forwards;}@keyframes loginSlideUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}.login-card{background:rgba(255,255,255,0.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:24px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 25px 60px -12px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.1),inset 0 1px 0 rgba(255,255,255,0.4);padding:44px 40px;}.login-logo{width:76px;height:76px;background:linear-gradient(135deg,var(--login-bg-start),var(--login-primary-dark),var(--login-bg-end));background-size:200% 200%;animation:logoGradient 4s ease infinite;border-radius:22px;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;box-shadow:0 8px 24px rgba(14,165,233,0.25),0 0 0 4px rgba(14,165,233,0.08);position:relative;}@keyframes logoGradient{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}.login-logo i{font-size:36px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2));}.login-title{font-size:26px;font-weight:800;color:#0a1628;text-align:center;margin-bottom:6px;letter-spacing:-0.5px;}.login-subtitle{font-size:14px;color:#64748b;text-align:center;margin-bottom:36px;}.form-label{font-weight:600;color:#334155;margin-bottom:8px;font-size:13px;letter-spacing:0.2px;}.form-control{border:1.5px solid #e2e8f0;border-radius:12px;padding:13px 16px;font-size:15px;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);background:rgba(248,250,252,0.8);}.form-control:focus{border-color:var(--login-primary);box-shadow:0 0 0 4px rgba(14,165,233,0.12);background:#fff;}.input-group-text{background:rgba(248,250,252,0.9);border:1.5px solid #e2e8f0;border-right:none;border-radius:12px 0 0 12px;color:#94a3b8;transition:all 0.25s ease;}.input-group .form-control{border-left:none;border-radius:0 12px 12px 0;}.input-group:focus-within .input-group-text{border-color:var(--login-primary);color:var(--login-primary);background:rgba(14,165,233,0.04);}.btn-login{width:100%;padding:14px;font-size:16px;font-weight:700;border-radius:14px;background:linear-gradient(135deg,var(--login-bg-start) 0%,var(--login-primary-dark) 50%,var(--login-bg-end) 100%);background-size:200% 200%;border:none;color:#fff;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden;letter-spacing:0.3px;}.btn-login::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);transition:left 0.6s ease;}.btn-login:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(14,165,233,0.35);color:#fff;background-position:100% 50%;}.btn-login:hover::before{left:100%;}.btn-login:active{transform:translateY(0);}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;z-index:10;transition:color 0.2s;}.password-toggle:hover{color:var(--login-primary);}.alert{border-radius:12px;border:none;padding:14px 16px;font-size:14px;}.alert-danger{background:rgba(239,68,68,0.08);color:#dc2626;border:1px solid rgba(239,68,68,0.15);}.version-info{text-align:center;margin-top:28px;font-size:12px;color:rgba(148,163,184,0.8);display:flex;align-items:center;justify-content:center;gap:6px;}.version-pill{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:4px 12px;font-size:11px;color:rgba(148,163,184,0.7);backdrop-filter:blur(8px);}.modal-2fa .modal-content{border:none;border-radius:20px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,0.3);}.modal-2fa .modal-header{background:linear-gradient(135deg,var(--login-bg-start),var(--login-primary-dark));border:none;padding:24px;}.modal-2fa .modal-title{color:#fff;font-weight:700;}.login-decoration{position:fixed;border:1px solid rgba(14,165,233,0.05);border-radius:16px;z-index:0;pointer-events:none;}.login-decoration-1{width:200px;height:200px;bottom:5%;left:5%;transform:rotate(45deg);animation:floatShape 12s ease-in-out infinite reverse;}.login-decoration-2{width:120px;height:120px;top:20%;left:15%;border-radius:50%;animation:floatShape 18s ease-in-out infinite;}@media (max-width:480px){.login-card{padding:32px 24px;border-radius:20px;}.login-title{font-size:22px;}}