html,body{height:100%;margin:0;padding:0}*,:before,:after{box-sizing:border-box}.login-body{min-height:100vh;font-family:var(--font-jakarta),Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(40% 60% at 20% 10%,rgba(99,102,241,.133),transparent),radial-gradient(40% 60% at 80% 90%,rgba(56,189,248,.133),transparent),#020617;overflow-x:hidden}.login-wrapper{background:linear-gradient(135deg,#0f172a,#1e293b);justify-content:center;align-items:center;min-height:100vh;padding:max(20px,min(5vw,48px));display:flex;position:relative}.login-card{isolation:isolate;background:linear-gradient(120deg,rgba(56,189,248,.6),rgba(99,102,241,.6),rgba(167,139,250,.6),rgba(56,189,248,.6)) 0 0/300% 300%;border-radius:24px;width:100%;max-width:420px;padding:max(2px,min(.8vw,5px));animation:8s linear infinite borderMove;position:relative}.login-card:before{content:"";-webkit-mask-composite:xor;z-index:-1;background:linear-gradient(120deg,#38bdf8,#6366f1,#a78bfa,#38bdf8) 0 0/300% 300%;border-radius:24px;padding:1px;animation:8s linear infinite borderMove;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;-webkit-mask-composite:xor;mask-composite:exclude}.login-card:hover{transform:translateY(-8px)scale(1.01);box-shadow:0 30px 80px rgba(0,0,0,.9)}.login-card input{transition:all .25s}.login-card-inner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b1120;border-radius:23px;padding:max(16px,min(2.8vw,28px))}.login-card small{color:rgba(255,255,255,.6)}.login-card label{color:rgba(255,255,255,.75);font-weight:500}.login-card h5{background:linear-gradient(90deg,#8fddff,#818cf8,#c084fc);-webkit-text-fill-color:transparent;letter-spacing:.6px;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:max(1.1rem,min(2vw,1.45rem));font-weight:800}.logo-wrapper{justify-content:center;margin-bottom:8px;display:flex}.logo-badge{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;width:max(60px,min(9vw,85px));height:max(60px,min(9vw,85px));display:flex;position:relative}.logo-img{width:max(56px,min(16vw,110px));height:auto}.logo-badge:before{content:"";opacity:.55;filter:blur(15px);z-index:0;background:linear-gradient(120deg,#38bdf8,#6366f1,#a78bfa);border-radius:32px;animation:4s ease-in-out infinite glowFloat;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}@keyframes glowFloat{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.75;transform:scale(1.08)}}.logo-badge:hover{transform:translateY(-4px)scale(1.03);box-shadow:inset 0 1px 1px rgba(255,255,255,.2),0 35px 80px rgba(0,0,0,.8)}.logo-badge img{z-index:2;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45));mix-blend-mode:lighten;position:relative}.login-card img{filter:drop-shadow(0 10px 20px rgba(0,0,0,.6))}.login-card input{color:#fff!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important}.login-card input:focus{box-shadow:0 0 0 3px rgba(125,211,252,.25);border:1px solid #7dd3fc!important}@keyframes borderMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.bubbles{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.bubbles li{opacity:.18;filter:blur(2px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.6),rgba(255,255,255,.05));border-radius:50%;animation:linear infinite bubbleUp;position:absolute;bottom:-150px}.error-text{color:#fca5a5;font-size:.85rem}.bubbles li:first-child{width:120px;height:120px;animation-duration:25s;left:10%}.bubbles li:nth-child(2){width:60px;height:60px;animation-duration:18s;left:25%}.bubbles li:nth-child(3){width:180px;height:180px;animation-duration:32s;left:45%}.bubbles li:nth-child(4){width:80px;height:80px;animation-duration:20s;left:70%}.bubbles li:nth-child(5){width:140px;height:140px;animation-duration:28s;left:85%}.fade-up{animation:.6s cubic-bezier(.21,.61,.35,1) fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bubbleUp{0%{opacity:.4;transform:translateY(0)}to{opacity:0;transform:translateY(-130vh)}}.login-card label{font-weight:500;color:#cbd5e1!important}.login-card input,.login-card .form-control{border-radius:12px;height:42px;padding:10px 14px;transition:all .25s;color:#fff!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.15)!important}.login-card input::placeholder{color:#94a3b8}.login-card input:focus{outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.25);background:rgba(255,255,255,.07)!important;border:1px solid #6366f1!important}.btn-login{letter-spacing:.4px;color:#fff;background:linear-gradient(120deg,#6366f1,#a782fd,#6366f1) 0 0/200% 200%;border:none;border-radius:14px;height:max(44px,min(6vw,52px));font-weight:600;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;animation:4s linear infinite gradientFlow;position:relative}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-login:before{content:"";z-index:-1;filter:blur(12px);opacity:.55;background:linear-gradient(120deg,#818cf8,#c084fc,#818cf8);border-radius:16px;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.btn-login:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 18px 40px rgba(99,102,241,.45)}.btn-login:active{transform:translateY(-1px)scale(.98)}.login-wrapper input,.login-wrapper select,.login-wrapper textarea{color:#fff!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.08)!important}.login-wrapper input::placeholder,.login-wrapper textarea::placeholder{color:rgba(255,255,255,.5)}@media (hover:hover){.login-card:hover{transform:translateY(-8px)scale(1.01)}}@media (max-width:768px){.bubbles li{filter:blur(1px);opacity:.12}.bubbles li:first-child{width:60px;height:60px}.bubbles li:nth-child(3){width:90px;height:90px}}@media (max-width:500px){.login-card{border-radius:25px;width:100%;padding:10px}}