*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--deep-olive:#1d2b1f;--forest-green:#24322b;--taupe:#a48f7b;--earth-brown:#7a5c44;--soft-cream:#f4ebdd;--off-white:#fbf8f2;--text:#fbf8f2eb;--muted:#fbf8f2b3;--muted-2:#fbf8f294;--glass:#fbf8f21a;--glass-2:#fbf8f224;--border:#f4ebdd38;--border-strong:#f4ebdd52;--shadow-1:#00000038;--shadow-2:#0000004d;--accent:#7a5c44}body{background-color:var(--deep-olive);background-image:linear-gradient(-45deg,#1d2b1fc7,#a48f7b6b,#7a5c448f,#1d2b1fc7),url(./background1-Cq4zaD46.jpg);background-position:0%,50%;background-repeat:no-repeat;background-size:400% 400%,cover;justify-content:center;align-items:center;min-height:100svh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;animation:15s infinite gradientFlow;display:flex;position:relative;overflow:hidden auto}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.wave-container{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.wave{transform-origin:50%;background:linear-gradient(90deg,#0000,#f4ebdd1a,#0000);width:200%;height:100%;position:absolute;top:0;left:-50%}.wave-1{animation:20s linear infinite waveMove}.wave-2{background:linear-gradient(90deg,#0000,#f4ebdd0f,#0000);animation:25s linear -5s infinite reverse waveMove}.wave-3{background:linear-gradient(90deg,#0000,#f4ebdd14,#0000);animation:30s linear -10s infinite waveMove}.wave-4{background:linear-gradient(90deg,#0000,#f4ebdd0a,#0000);animation:35s linear -15s infinite reverse waveMove}@keyframes waveMove{0%{transform:translate(-50%)skew(-5deg)}to{transform:translate(50%)skew(-5deg)}}.gradient-particles{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.particle{background:radial-gradient(circle,#f4ebddcc,#0000);border-radius:50%;width:4px;height:4px;animation:15s linear infinite particleFloat;position:absolute}.particle:first-child{animation-delay:0s;top:20%;left:10%}.particle:nth-child(2){animation-delay:-3s;top:60%;left:80%}.particle:nth-child(3){animation-delay:-6s;top:80%;left:20%}.particle:nth-child(4){animation-delay:-9s;top:30%;left:70%}.particle:nth-child(5){animation-delay:-12s;top:10%;left:60%}.particle:nth-child(6){animation-delay:-15s;top:70%;left:40%}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0)translate(0)scale(1)}10%,90%{opacity:1}50%{transform:translateY(-100px)translate(50px)scale(1.5)}}.login-container{z-index:10;width:100%;max-width:460px;position:relative}.login-card{background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:0 25px 50px var(--shadow-1);border-radius:24px;padding:24px;transition:all .3s;position:relative;overflow:visible}.login-card:hover{box-shadow:0 35px 70px var(--shadow-2)}.card-glow{z-index:-1;opacity:0;background:linear-gradient(45deg,#a48f7bf2,#7a5c44e0,#1d2b1ff2) 0 0/400% 400%;border-radius:24px;transition:opacity .3s;animation:8s infinite gradientFlow;position:absolute;inset:-4px}.login-card:hover .card-glow{opacity:1}.login-header{text-align:center;margin-bottom:24px}.gradient-icon{background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:100%;max-width:360px;height:180px;margin:0 auto;display:flex;position:relative;overflow:visible}.gradient-icon .icon-wave{display:none}.icon-wave{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:3s ease-in-out infinite iconWaveMove;position:absolute;top:0;left:-100%}@keyframes iconWaveMove{0%{left:-100%}to{left:100%}}.gradient-icon img{object-fit:cover;object-position:center;z-index:1;width:100%;height:100%;display:block}.login-header h2{color:var(--text);letter-spacing:-.02em;margin:12px 0 8px;font-size:2.25rem;font-weight:700}.login-header p{color:var(--muted);margin:0;font-size:16px;font-weight:400}.form-group{margin-bottom:28px;position:relative}.input-container{border-radius:16px;position:relative;overflow:hidden}.select-container{overflow:visible}.select-container .input-wave{display:none}.input-bg{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:16px;transition:all .3s;position:absolute;inset:0}.input-container:focus-within .input-bg{background:var(--glass-2);border-color:#a48f7b8c;box-shadow:0 12px 30px #00000029}.input-container input{width:100%;color:var(--text);z-index:2;background:0 0;border:none;outline:none;padding:30px 24px 14px;font-size:16px;font-weight:500;line-height:1.2;position:relative}.input-container input[type=password]::-ms-reveal{display:none}.input-container input[type=password]::-ms-clear{display:none}.input-container select{width:100%;color:var(--text);z-index:2;appearance:none;cursor:pointer;background:0 0;border:none;outline:none;padding:20px 52px 20px 24px;font-size:16px;font-weight:500;position:relative}.native-select{opacity:0;pointer-events:none;clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.select-display{width:100%;color:var(--text);z-index:4;text-align:center;cursor:pointer;background:0 0;border:none;outline:none;padding:8px 52px 12px 24px;font-size:16px;font-weight:500;line-height:1.15;position:relative}.select-value.placeholder{color:var(--muted-2)}.select-dropdown{-webkit-backdrop-filter:blur(18px);z-index:300;background:#1a1410eb;border:1px solid #a48f7b38;border-radius:14px;max-height:none;padding:10px;display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:visible;box-shadow:0 18px 50px #00000059}.select-container.open .select-dropdown{animation:.14s ease-out selectPop;display:block}@keyframes selectPop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.select-option{width:100%;color:var(--off-white);text-align:left;cursor:pointer;background:#a48f7b1a;border:1px solid #a48f7b1f;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:600;transition:background .2s,color .2s}.select-option+.select-option{margin-top:8px}.select-option:hover,.select-option:focus-visible{background:#a48f7b38}.select-option[aria-selected=true]{background:#7a5c4461;border-color:#a48f7b38}.select-container.open .select-chevron{transform:translateY(-50%)rotate(180deg)}.input-container select option{color:var(--off-white);background-color:#1a1410fa}.input-container select option[hidden]{display:none}.input-container select optgroup{color:var(--off-white);background-color:#1a1410fa}.input-container select:disabled{color:#fbf8f273;cursor:not-allowed}.input-container select option:disabled{color:#fbf8f273}.input-container input::placeholder{color:#0000}.input-container input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:inset 0 0 0 30px #fbf8f214}.input-container input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:inset 0 0 0 30px #fbf8f214}.input-container input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:inset 0 0 0 30px #fbf8f214}.input-container label{color:var(--muted-2);pointer-events:none;z-index:3;font-size:16px;font-weight:400;line-height:1.2;transition:all .3s;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.select-container label,.input-container input:focus+label,.input-container input:not(:placeholder-shown)+label,.input-container input.has-value+label,.input-container select:focus+label,.input-container select.has-value+label,.select-container:focus-within label,.select-container.open label,.select-container.has-value label{color:var(--muted);font-size:11px;top:10px;transform:translateY(0)}.select-chevron{width:18px;height:18px;color:var(--muted-2);z-index:5;pointer-events:none;transition:transform .2s;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.select-chevron svg{width:100%;height:100%}.input-wave{z-index:4;background:linear-gradient(90deg,#0000,#f4ebddb3,#0000);width:100%;height:2px;transition:all .3s;position:absolute;bottom:0;left:-100%}.input-container:focus-within .input-wave{animation:1s ease-in-out inputWaveFlow;left:100%}@keyframes inputWaveFlow{0%{left:-100%}to{left:100%}}.password-container{padding-right:60px}.password-toggle{cursor:pointer;z-index:5;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:50%;right:12px;overflow:hidden;transform:translateY(-50%)}.toggle-bg{opacity:0;background:#fbf8f21a;border-radius:12px;transition:all .3s;position:absolute;inset:0}.password-toggle:hover .toggle-bg{opacity:1}.toggle-icon{z-index:1;width:20px;height:20px;color:var(--muted);position:relative}.toggle-icon svg{width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.eye-closed,.password-toggle.show-password .eye-open{opacity:0;transform:scale(.8)}.password-toggle.show-password .eye-closed{opacity:1;transform:scale(1)}.form-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.checkbox-container{cursor:pointer;align-items:center;display:flex}.checkbox-container input[type=checkbox]{display:none}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted);align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.gradient-checkbox{border-radius:6px;width:20px;height:20px;position:relative;overflow:hidden}.checkbox-bg{border:1px solid var(--border);background:#fbf8f214;border-radius:6px;transition:all .3s;position:absolute;inset:0}.checkbox-container input[type=checkbox]:checked+.checkbox-label .checkbox-bg{border-color:var(--border-strong);background:linear-gradient(135deg,#a48f7bf2,#7a5c44e6)}.gradient-checkbox svg{color:#fff;z-index:1;width:12px;height:12px;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.checkbox-container input[type=checkbox]:checked+.checkbox-label svg{transform:translate(-50%,-50%)scale(1)}.forgot-link{color:var(--muted);font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.forgot-link:after{content:"";background:#f4ebddcc;width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.forgot-link:hover:after{width:100%}.forgot-link:hover{color:var(--text)}.gradient-button{cursor:pointer;background:0 0;border:none;border-radius:16px;width:100%;height:56px;margin-bottom:24px;padding:0;position:relative;overflow:hidden}.button-bg{background:linear-gradient(135deg,#7a5c44db,#a48f7bb8);border:1px solid #f4ebdd38;border-radius:16px;transition:all .3s;position:absolute;inset:0}.gradient-button:hover .button-bg{background:linear-gradient(135deg,#7a5c44e6,#a48f7bc7);border-color:#f4ebdd57;box-shadow:0 14px 40px #00000038}.button-content{z-index:2;height:100%;color:var(--off-white);justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex;position:relative}.btn-loader{opacity:0;gap:4px;transition:opacity .3s;display:flex;position:absolute}.loader-wave{background:#f4ebddd9;border-radius:2px;width:4px;height:16px;animation:1.2s ease-in-out infinite loaderWave}.loader-wave:nth-child(2){animation-delay:.1s}.loader-wave:nth-child(3){animation-delay:.2s}@keyframes loaderWave{0%,80%,to{opacity:.5;transform:scaleY(.5)}40%{opacity:1;transform:scaleY(1)}}.gradient-button.loading .btn-text{opacity:0}.gradient-button.loading .btn-loader{opacity:1}.button-ripple{pointer-events:none;border-radius:16px;position:absolute;inset:0;overflow:hidden}.divider{align-items:center;gap:16px;margin:28px 0;display:flex}.divider-line{flex:1;height:1px;position:relative;overflow:hidden}.line-gradient{background:linear-gradient(90deg,#0000,#f4ebdd3d,#0000);width:100%;height:100%;animation:3s ease-in-out infinite lineFlow;position:absolute;top:0;left:-100%}@keyframes lineFlow{0%,to{left:-100%}50%{left:100%}}.divider span{color:var(--muted-2);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:500}.social-login{justify-content:center;gap:16px;margin-bottom:28px;display:flex}.social-btn{cursor:pointer;background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:relative;overflow:hidden}.social-bg{border:1px solid #fff3;border-radius:14px;transition:all .3s;position:absolute;inset:0}.google-bg{background:#ffffff1a}.facebook-bg{background:#1877f21a}.apple-bg{background:#0000001a}.social-btn:hover .social-bg{background:#fff3;border-color:#fff6;transform:scale(1.05)}.social-btn svg{color:#fffc;z-index:1;width:22px;height:22px;transition:all .3s}.social-btn:hover svg{color:#fff}.signup-link{text-align:center}.signup-link p{color:#ffffffb3;font-size:14px}.signup-link a{color:#ffffffe6;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.signup-link a:after{content:"";background:#ffffffe6;width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.signup-link a:hover:after{width:100%}.error-message{color:#ff6b6b;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff6b6b1a;border-radius:6px;margin-top:8px;margin-left:8px;padding:4px 8px;font-size:12px;font-weight:500;transition:all .3s;transform:translateY(-10px)}.error-message.show{opacity:1;transform:translateY(0)}.form-group.error .input-bg{background:#ff6b6b1a;border-color:#ff6b6b66}@media (height<=720px){body{align-items:flex-start;padding-top:18px;padding-bottom:18px}}@media (width<=480px){body{padding:16px}.login-card{border-radius:20px;padding:20px}.login-header h2{font-size:1.875rem}.gradient-icon{max-width:280px;height:140px}.form-options{flex-direction:column;align-items:flex-start;gap:16px}.wave{width:150%;left:-25%}}@media (width<=360px){.login-card{padding:16px}.login-header h2{font-size:1.7rem}.gradient-icon{max-width:250px;height:125px}}:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #f4ebddd9}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}