@import"https://fonts.googleapis.com/css2?family=Outfit:wght@800&display=swap";:root{--login-primary: #1e3a8a;--login-primary-soft: #eff6ff;--login-surface: #ffffff;--login-bg: #f8fafc;--accent-cyan: #06b6d4;--accent-purple: #8b5cf6;--accent-pink: #ec4899}*{-webkit-font-smoothing:antialiased}html,body{height:100%}body{background-color:var(--login-bg)!important;overflow-x:hidden}#kt_login{min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.animate-slide-in-left{animation:slideInLeft .7s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.animate-scale-in{animation:fadeInScale .7s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.25s}.delay-3{animation-delay:.4s}.delay-4{animation-delay:.55s}.delay-5{animation-delay:.7s}.delay-6{animation-delay:.85s}@keyframes floating{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes floatingSlow{0%{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-20px,20px)}to{transform:translate(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes auroraMove{0%,to{transform:translate(0) scale(1);opacity:.5}33%{transform:translate(50px,-30px) scale(1.1);opacity:.7}66%{transform:translate(-40px,40px) scale(.95);opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.animate-float{animation:floating 4s ease-in-out infinite}.shake{animation:shake .5s ease-in-out}.modern-login-aside{background:linear-gradient(135deg,#0a0e27 0%,#0f172a 50%,#1e3a8a 100%)!important;position:relative;overflow:hidden}.modern-login-aside:before,.modern-login-aside:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.modern-login-aside:before{top:-10%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,transparent 70%);animation:auroraMove 12s ease-in-out infinite}.modern-login-aside:after{bottom:-10%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(6,182,212,.35) 0%,transparent 70%);animation:auroraMove 15s ease-in-out infinite reverse}.floating-orbs{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),rgba(255,255,255,.05));box-shadow:0 0 40px #ffffff1a;animation:floatingSlow 18s ease-in-out infinite}.orb-1{width:100px;height:100px;top:15%;left:10%;animation-duration:20s}.orb-2{width:60px;height:60px;top:70%;left:15%;animation-duration:25s;animation-delay:-5s}.orb-3{width:120px;height:120px;top:40%;right:12%;animation-duration:22s;animation-delay:-10s}.orb-4{width:70px;height:70px;bottom:20%;right:20%;animation-duration:18s;animation-delay:-3s}.orb-5{width:40px;height:40px;top:25%;right:35%;animation-duration:16s;animation-delay:-8s}.modern-login-aside .noise-overlay{position:absolute;inset:0;opacity:.03;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.modern-login-aside .grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);pointer-events:none}.modern-aside-inner{background:rgba(255,255,255,.04);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:32px;box-shadow:0 25px 50px -12px #0006,inset 0 1px #ffffff1a;z-index:2;position:relative}@keyframes dropLetter{0%{opacity:0;transform:translateY(-150px) rotate(-90deg) scale(.5)}55%{opacity:1;transform:translate(0) rotate(0) scale(1)}70%{transform:translateY(-15px)}85%{transform:translateY(0)}95%{transform:translateY(-4px)}to{opacity:1;transform:translate(0)}}.aside-logo-text{font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:800;color:#fff;text-transform:lowercase;letter-spacing:1px;display:flex;gap:2px;text-shadow:0 4px 10px rgba(255,255,255,.15);margin-top:-5px;overflow:hidden;padding-top:4px}.aside-logo-text .letter{display:inline-block;position:relative;opacity:0;animation:dropLetter 1.8s cubic-bezier(.25,.8,.25,1) forwards}.gradient-text-hero{background:linear-gradient(135deg,#fff 0%,#93c5fd 50%,#c4b5fd 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease infinite}.feature-item{position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);padding:8px 12px;border-radius:14px;cursor:default}.feature-item:hover{background:rgba(255,255,255,.06);transform:translate(8px)}.feature-icon-wrap{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1);border-radius:14px;transition:all .4s ease;overflow:hidden}.feature-icon-wrap:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));opacity:0;transition:opacity .4s ease}.feature-item:hover .feature-icon-wrap:before{opacity:1}.feature-icon-wrap i{position:relative;z-index:1;transition:transform .4s ease}.feature-item:hover .feature-icon-wrap i{transform:scale(1.15) rotate(-5deg)}.login-right-panel{position:relative;background:linear-gradient(160deg,#f8fafc 0%,#eef4ff 50%,#f0f9ff 100%);overflow:hidden}.login-right-panel:before{content:"";position:absolute;top:-200px;right:-200px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.09) 0%,transparent 70%);animation:floatingSlow 20s ease-in-out infinite;pointer-events:none}.login-right-panel:after{content:"";position:absolute;bottom:-150px;left:-150px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.07) 0%,transparent 70%);animation:floatingSlow 25s ease-in-out infinite reverse;pointer-events:none}.modern-login-card{background:rgba(255,255,255,.92);border-radius:32px;box-shadow:0 30px 60px -15px #0f172a1f,0 1px 3px #0f172a0a,inset 0 1px #ffffffb3;border:1px solid rgba(226,232,240,.7);padding:3rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;backdrop-filter:blur(12px);z-index:1;overflow:hidden}.modern-login-card:before{content:"";position:absolute;inset:-1px;border-radius:32px;padding:1px;background:linear-gradient(135deg,rgba(59,130,246,.3),transparent 40%,transparent 60%,rgba(139,92,246,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.modern-login-card:hover:before{opacity:1}.caps-warn{display:none;background:#fef3c7;color:#92400e;font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:8px;margin-top:6px;animation:fadeInUp .3s ease forwards}.caps-warn.show{display:flex;align-items:center;gap:6px}.modern-input{background-color:#f8fafc!important;border:1.5px solid #e2e8f0!important;border-radius:14px!important;padding:1.25rem 1.5rem 1.25rem 3rem!important;font-size:1rem!important;color:#0f172a!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;width:100%;box-shadow:none!important}.modern-input:hover{border-color:#cbd5e1!important;background-color:#fff!important}.modern-input:focus{background-color:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61f,0 8px 16px -4px #3b82f626!important;transform:translateY(-1px)}.modern-input::placeholder{color:#94a3b8!important;font-weight:500;transition:opacity .3s}.modern-input:focus::placeholder{opacity:.5}.input-with-icon{position:relative}.input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1rem;transition:color .3s ease;pointer-events:none;z-index:2}.input-with-icon:focus-within .input-icon{color:#3b82f6}.btn-modern-login{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 50%,#3b82f6 100%)!important;background-size:200% 200%!important;color:#fff!important;border:none!important;border-radius:14px!important;padding:1.15rem 2rem!important;font-size:1.05rem!important;font-weight:700!important;letter-spacing:.5px;box-shadow:0 10px 25px -5px #1e3a8a66,inset 0 1px #ffffff26!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;cursor:pointer}.btn-modern-login:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s ease}.btn-modern-login:hover{transform:translateY(-3px)!important;background-position:100% 50%!important;box-shadow:0 20px 40px -8px #1e3a8a80,inset 0 1px #fff3!important}.btn-modern-login:hover:before{left:100%}.btn-modern-login:active{transform:translateY(-1px)!important}.btn-modern-login .btn-arrow{transition:transform .3s ease}.btn-modern-login:hover .btn-arrow{transform:translate(5px)}.btn-modern-login.loading .btn-text,.btn-modern-login.loading .btn-arrow{opacity:0}.btn-spinner{position:absolute;width:22px;height:22px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;opacity:0;transition:opacity .2s ease}.btn-modern-login.loading .btn-spinner{opacity:1}.toggle-password{color:#94a3b8;transition:all .25s ease;cursor:pointer;padding:8px;border-radius:8px}.toggle-password:hover{color:#1e3a8a;background:rgba(59,130,246,.08)}.carousel-indicators{position:static!important;margin:0}.carousel-indicators li{background:rgba(255,255,255,.25)!important;border-radius:5px!important;width:30px!important;height:5px!important;transition:all .4s ease!important;border:none!important;opacity:1!important;margin:0 4px}.carousel-indicators li.active{background:linear-gradient(90deg,#06b6d4,#8b5cf6)!important;width:50px!important;box-shadow:0 0 15px #8b5cf680}.link-modern{position:relative;transition:color .3s ease}.link-modern:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease}.link-modern:hover:after{width:100%}.home-btn-modern{background:rgba(255,255,255,.9)!important;backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.8)!important;transition:all .3s cubic-bezier(.16,1,.3,1)}.home-btn-modern:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #0000001a!important;background:#fff!important}@media (max-height: 900px){.login-aside{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.modern-aside-inner .mb-10{margin-bottom:1.5rem!important}.modern-aside-inner .mt-10{margin-top:1.25rem!important}.modern-aside-inner .mt-5{margin-top:.75rem!important}.aside-logo-text{font-size:2.2rem}.modern-login-aside .animate-float img{width:120px!important}.feature-item.mb-4{margin-bottom:.75rem!important}}@media (max-width:992px){.modern-aside-inner{border-radius:0;border:none;background:transparent;box-shadow:none;backdrop-filter:none}.modern-login-card{padding:2rem;border-radius:24px}.custom-right-padding{padding-left:1rem!important;padding-right:1rem!important}.floating-orbs{display:none}}