@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--primary-orange:#ff9a00;--primary-orange-light:#ffa900;--primary-orange-dark:#e88a00;--orange-gradient:linear-gradient(135deg,#ff9a00,#ffa900);--primary-blue:#2196f3;--primary-blue-light:#66d5ff;--primary-blue-dark:#0067cc;--accent-blue:#1565c0;--text-dark:#303d4a;--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.85);--text-muted:hsla(0,0%,100%,.6);--bg-dark:#0a0e17;--bg-dark-secondary:#111827;--bg-gradient-start:#0d1321;--bg-gradient-end:#1a2332;--glass-bg:hsla(0,0%,100%,.08);--glass-border:hsla(0,0%,100%,.12);--glass-shadow:rgba(0,0,0,.3);--card-bg:hsla(0,0%,100%,.06);--card-border:hsla(0,0%,100%,.1);--input-bg:hsla(0,0%,100%,.08);--input-border:hsla(0,0%,100%,.2);--input-focus:var(--primary-orange);--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-full:50px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}.login-page{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.bg-gradient{position:fixed;inset:0;background:linear-gradient(135deg,var(--bg-dark) 0,var(--bg-gradient-start) 25%,var(--bg-gradient-end) 50%,#1a1f36 75%,var(--bg-dark) 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite;z-index:-3}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.bg-shapes{position:fixed;inset:0;z-index:-2;overflow:hidden}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.shape-1{width:600px;height:600px;background:linear-gradient(180deg,var(--primary-blue) 0,transparent 100%);top:-200px;right:-100px;animation:float1 20s ease-in-out infinite}.shape-2{width:500px;height:500px;background:linear-gradient(180deg,var(--primary-orange) 0,transparent 100%);bottom:-150px;left:-100px;animation:float2 25s ease-in-out infinite}.shape-3{width:300px;height:300px;background:linear-gradient(180deg,var(--primary-blue-dark) 0,transparent 100%);top:50%;left:30%;animation:float3 18s ease-in-out infinite}.shape-4{width:400px;height:400px;background:linear-gradient(180deg,var(--primary-orange-dark) 0,transparent 100%);top:30%;right:20%;animation:float4 22s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-50px,50px) rotate(5deg)}50%{transform:translate(-100px) rotate(0deg)}75%{transform:translate(-50px,-50px) rotate(-5deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(80px,-40px) rotate(-5deg)}66%{transform:translate(40px,60px) rotate(5deg)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,30px) scale(1.1)}}@keyframes float4{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(-40px,40px) rotate(10deg)}}.floating-particles{position:fixed;inset:0;z-index:-1;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--primary-blue-light);border-radius:50%;opacity:.3;animation:particleFloat 20s linear infinite}.particle:nth-child(odd){background:var(--primary-orange-light)}.particle-1{left:10%;top:20%;animation-delay:0s;animation-duration:25s}.particle-2{left:20%;top:80%;animation-delay:2s;animation-duration:22s}.particle-3{left:30%;top:40%;animation-delay:4s;animation-duration:28s}.particle-4{left:40%;top:60%;animation-delay:1s;animation-duration:24s}.particle-5{left:50%;top:30%;animation-delay:3s;animation-duration:26s}.particle-6{left:60%;top:70%;animation-delay:5s;animation-duration:23s}.particle-7{left:70%;top:50%;animation-delay:2s;animation-duration:27s}.particle-8{left:80%;top:20%;animation-delay:4s;animation-duration:25s}.particle-9{left:90%;top:90%;animation-delay:1s;animation-duration:22s}.particle-10{left:15%;top:50%;animation-delay:3s;animation-duration:24s}.particle-11{left:25%;top:10%;animation-delay:0s;animation-duration:28s}.particle-12{left:35%;top:85%;animation-delay:2s;animation-duration:26s}.particle-13{left:45%;top:15%;animation-delay:4s;animation-duration:23s}.particle-14{left:55%;top:95%;animation-delay:1s;animation-duration:27s}.particle-15{left:65%;top:35%;animation-delay:3s;animation-duration:25s}.particle-16{left:75%;top:65%;animation-delay:5s;animation-duration:22s}.particle-17{left:85%;top:45%;animation-delay:2s;animation-duration:24s}.particle-18{left:95%;top:75%;animation-delay:4s;animation-duration:28s}.particle-19{left:5%;top:55%;animation-delay:1s;animation-duration:26s}.particle-20{left:12%;top:88%;animation-delay:3s;animation-duration:23s}@keyframes particleFloat{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-100vh) rotate(2turn);opacity:0}}.login-container{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:1400px;min-height:100vh;padding:40px;gap:60px;align-items:center;position:relative;z-index:1}.login-branding{display:flex;align-items:center;justify-content:center;padding:40px}.branding-content{max-width:560px}.logo-container{margin-bottom:40px;animation:fadeInUp .8s ease-out}.brand-logo{width:360px;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3));transition:transform var(--transition-normal)}.brand-logo:hover{transform:scale(1.02)}.branding-text{animation:fadeInUp .8s ease-out .2s both}.branding-title{font-size:2.75rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:24px;letter-spacing:-.02em}.gradient-text{background:var(--orange-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.branding-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:40px}.feature-list{display:flex;flex-direction:column;gap:14px;animation:fadeInUp .8s ease-out .4s both}.feature-item{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.feature-item:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.2);transform:translateX(8px)}.feature-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--orange-gradient);border-radius:var(--radius-md);font-size:1.4rem;color:#fff;box-shadow:0 4px 15px rgba(255,154,0,.3)}.feature-item span{font-size:.95rem;font-weight:500;color:var(--text-primary)}.login-form-section{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:420px;padding:44px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 25px 50px -12px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.05),0 0 80px rgba(255,154,0,.05);animation:fadeInUp .8s ease-out .2s both}.card-header{text-align:center;margin-bottom:28px}.mobile-logo{display:none;margin-bottom:24px}.mobile-logo img{width:220px;height:auto}.welcome-title{font-size:1.625rem!important;font-weight:700!important;color:var(--text-primary)!important;margin-bottom:8px!important;letter-spacing:-.01em}.welcome-subtitle{font-size:.95rem!important;color:var(--text-muted)!important}.login-alert{margin-bottom:20px!important;border-radius:var(--radius-md)!important}.login-form{display:flex;flex-direction:column;gap:18px}.form-group{width:100%}.modern-input .MuiOutlinedInput-root{background:var(--input-bg);border-radius:var(--radius-md);transition:all var(--transition-normal)}.modern-input .MuiOutlinedInput-root:hover{background:hsla(0,0%,100%,.1)}.modern-input .MuiOutlinedInput-root.Mui-focused{background:hsla(0,0%,100%,.12)}.modern-input .MuiOutlinedInput-notchedOutline{border-color:var(--input-border);border-width:1.5px;transition:all var(--transition-normal)}.modern-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:hsla(0,0%,100%,.35)}.modern-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-orange);border-width:2px}.modern-input .MuiInputLabel-root{color:var(--text-muted)}.modern-input .MuiInputLabel-root.Mui-focused{color:var(--primary-orange)}.modern-input .MuiInputBase-input{color:var(--text-primary);padding:15px 14px;font-size:.95rem}.input-icon{color:var(--text-muted);font-size:1.2rem}.password-toggle{color:var(--text-muted)!important}.password-toggle:hover{color:var(--text-secondary)!important}.form-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:-2px}.remember-me .MuiFormControlLabel-label{color:var(--text-secondary);font-size:.875rem}.modern-checkbox{color:var(--text-muted)!important}.forgot-password,.modern-checkbox.Mui-checked{color:var(--primary-orange)!important}.forgot-password{font-size:.875rem!important;font-weight:500!important;text-decoration:none!important;transition:all var(--transition-fast)!important}.forgot-password:hover{color:var(--primary-orange-light)!important;text-decoration:underline!important}.login-button{padding:14px 28px!important;font-size:1rem!important;font-weight:600!important;text-transform:none!important;border-radius:var(--radius-full)!important;background:var(--orange-gradient)!important;box-shadow:0 8px 25px -8px rgba(255,154,0,.5)!important;transition:all var(--transition-normal)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin-top:8px!important;letter-spacing:.02em}.login-button:hover{background:linear-gradient(135deg,#ffa900,#ffb520)!important;box-shadow:0 12px 35px -8px rgba(255,154,0,.6)!important;transform:translateY(-2px)!important}.login-button:active{transform:translateY(0)!important}.login-button:disabled{background:hsla(0,0%,100%,.12)!important;box-shadow:none!important;color:hsla(0,0%,100%,.5)!important}.login-button i{font-size:1.2rem;transition:transform var(--transition-fast)}.login-button:hover i{transform:translateX(4px)}.button-loading{display:flex;align-items:center;gap:12px}.loading-spinner-small{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.signup-section{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:20px;border-top:1px solid var(--glass-border);margin-top:8px}.signup-text{color:var(--text-muted)!important;font-size:.9rem!important}.signup-link{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:10px 24px!important;background:transparent!important;border:1.5px solid var(--primary-orange)!important;border-radius:var(--radius-full)!important;color:var(--primary-orange)!important;font-size:.9rem!important;font-weight:600!important;text-decoration:none!important;transition:all var(--transition-normal)!important;margin-top:4px}.signup-link:hover{background:var(--orange-gradient)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 6px 20px -6px rgba(255,154,0,.4)!important;transform:translateY(-1px)!important}.signup-link i{font-size:.95rem;transition:transform var(--transition-fast)}.signup-link:hover i{transform:translateX(2px)}.card-footer{margin-top:28px;padding-top:20px;border-top:1px solid var(--glass-border);text-align:center}.footer-text{color:var(--text-muted)!important;font-size:.75rem!important}.login-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.loading-spinner{width:48px;height:48px;border:3px solid var(--glass-border);border-top-color:var(--primary-orange);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.login-container{gap:40px;padding:30px}.branding-title{font-size:2.25rem}.brand-logo{width:300px}}@media (max-width:992px){.login-container{grid-template-columns:1fr;gap:0;padding:20px}.login-branding{display:none}.login-form-section{padding:20px;min-height:100vh}.login-card{max-width:400px;padding:36px 28px}.mobile-logo{display:block}}@media (max-width:480px){.login-card{padding:28px 22px;border-radius:var(--radius-lg)}.mobile-logo img{width:180px}.welcome-title{font-size:1.375rem!important}.login-button{padding:12px 24px!important}.form-options{flex-direction:column;align-items:flex-start}}.brand-wordmark{display:inline-block;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.1}.brand-wordmark.brand-logo{width:auto;font-size:3.25rem}.mobile-logo .brand-wordmark{font-size:2rem}img.brand-logo--likit{width:240px;max-width:100%;height:auto;background:#fff;padding:10px 16px;border-radius:12px;box-sizing:content-box}