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%,#6366f122,#0000),radial-gradient(40% 60% at 80% 90%,#38bdf822,#0000),#020617;overflow-x:hidden}.login-wrapper{background:linear-gradient(135deg,#0f172a,#1e293b);justify-content:center;align-items:center;min-height:100vh;padding:clamp(20px,5vw,48px);display:flex;position:relative}.login-card{isolation:isolate;background:linear-gradient(120deg,#38bdf899,#6366f199,#a78bfa99,#38bdf899) 0 0/300% 300%;border-radius:24px;width:100%;max-width:420px;padding:clamp(2px,.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;inset:-1px;-webkit-mask-composite:xor;mask-composite:exclude}.login-card:hover{transform:translateY(-8px)scale(1.01);box-shadow:0 30px 80px #000000e6}.login-card input{transition:all .25s}.login-card-inner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b1120;border-radius:23px;padding:clamp(16px,2.8vw,28px)}.login-card small{color:#fff9}.login-card label{color:#ffffffbf;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:clamp(1.1rem,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:clamp(60px,9vw,85px);height:clamp(60px,9vw,85px);display:flex;position:relative}.logo-img{width:clamp(56px,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;inset:-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 #fff3,0 35px 80px #000c}.logo-badge img{z-index:2;filter:drop-shadow(0 6px 12px #00000073);mix-blend-mode:lighten;position:relative}.login-card img{filter:drop-shadow(0 10px 20px #0009)}.login-card input{color:#fff!important;background:#ffffff0f!important;border:1px solid #ffffff1f!important}.login-card input:focus{box-shadow:0 0 0 3px #7dd3fc40;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;inset: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%,#fff9,#ffffff0d);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:#ffffff0d!important;border:1px solid #ffffff26!important}.login-card input::placeholder{color:#94a3b8}.login-card input:focus{outline:none;box-shadow:0 0 0 3px #6366f140;background:#ffffff12!important;border:1px solid #6366f1!important}.login-card .input-group .btn-outline-secondary{color:#cbd5e1;background:#ffffff0d;border-color:#ffffff26}.login-card .input-group .btn-outline-secondary:hover,.login-card .input-group .btn-outline-secondary:focus{box-shadow:none;color:#fff;background:#6366f126;border-color:#818cf8}.btn-login{letter-spacing:.4px;color:#fff;background:linear-gradient(120deg,#6366f1,#a782fd,#6366f1) 0 0/200% 200%;border:none;border-radius:14px;height:clamp(44px,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;inset:-2px}.btn-login:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 18px 40px #6366f173}.btn-login:active{transform:translateY(-1px)scale(.98)}.login-wrapper input,.login-wrapper select,.login-wrapper textarea{color:#fff!important;background:#ffffff12!important;border:1px solid #ffffff14!important}.login-wrapper input::placeholder,.login-wrapper textarea::placeholder{color:#ffffff80}@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}}