.login-wrapper{min-height:100vh;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:all 1s ease-out}.login-wrapper.visible{opacity:1;transform:translateY(0)}.login-wrapper .login-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.login-wrapper .login-bg .bg-orb{position:absolute;border-radius:50%;filter:blur(100px)}.login-wrapper .login-bg .bg-orb-1{width:700px;height:700px;background:radial-gradient(circle,rgba(141,191,130,.12) 0,transparent 70%);top:-350px;left:-350px;animation:loginFloatOrb 28s ease-in-out infinite}.login-wrapper .login-bg .bg-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(234,181,75,.12) 0,transparent 70%);bottom:-250px;right:-250px;animation:loginFloatOrb 23s ease-in-out infinite reverse}.login-wrapper .login-bg .bg-shape{position:absolute;background:linear-gradient(135deg,rgba(63,142,95,.06),rgba(234,181,75,.06))}.login-wrapper .login-bg .bg-shape-1{width:100px;height:100px;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);top:15%;right:15%;animation:loginFloatShape 20s ease-in-out infinite}.login-wrapper .login-bg .bg-shape-2{width:80px;height:80px;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;bottom:30%;left:10%;animation:loginFloatShape 16s ease-in-out infinite reverse}.login-wrapper .login-bg .bg-shape-3{width:120px;height:120px;-webkit-clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);top:60%;right:8%;animation:loginFloatShape 24s ease-in-out infinite}.login-wrapper .login-bg .sparkle{position:absolute;font-size:18px;opacity:.2;animation-timing-function:linear;animation-iteration-count:infinite}.login-wrapper .login-bg .sparkle-0:before{content:"✨"}.login-wrapper .login-bg .sparkle-1:before{content:"💫"}.login-wrapper .login-bg .sparkle-2:before{content:"🌟"}.login-wrapper .login-bg .sparkle{left:calc(var(--i) * 5%);top:calc(var(--j) * 5%);animation-name:loginSparkleFloat;animation-duration:calc(10s + var(--duration) * 1s);animation-delay:calc(var(--delay) * 1s)}.login-wrapper .login-bg .sparkle:first-child{--i:5;--j:8;--duration:3;--delay:0}.login-wrapper .login-bg .sparkle:nth-child(2){--i:20;--j:12;--duration:6;--delay:1}.login-wrapper .login-bg .sparkle:nth-child(3){--i:35;--j:20;--duration:4;--delay:2}.login-wrapper .login-bg .sparkle:nth-child(4){--i:50;--j:6;--duration:8;--delay:3}.login-wrapper .login-bg .sparkle:nth-child(5){--i:65;--j:18;--duration:5;--delay:4}.login-wrapper .login-bg .sparkle:nth-child(6){--i:80;--j:10;--duration:7;--delay:2}.login-wrapper .login-bg .sparkle:nth-child(7){--i:90;--j:16;--duration:3;--delay:5}.login-wrapper .login-bg .sparkle:nth-child(8){--i:15;--j:25;--duration:6;--delay:1}.login-wrapper .login-bg .sparkle:nth-child(9){--i:30;--j:4;--duration:4;--delay:3}.login-wrapper .login-bg .sparkle:nth-child(10){--i:45;--j:22;--duration:8;--delay:0}.login-wrapper .login-bg .sparkle:nth-child(11){--i:60;--j:14;--duration:5;--delay:4}.login-wrapper .login-bg .sparkle:nth-child(12){--i:75;--j:2;--duration:7;--delay:2}.login-wrapper .login-bg .sparkle:nth-child(13){--i:85;--j:19;--duration:3;--delay:5}.login-wrapper .login-bg .sparkle:nth-child(14){--i:25;--j:15;--duration:6;--delay:1}.login-wrapper .login-bg .sparkle:nth-child(15){--i:40;--j:9;--duration:4;--delay:3}.login-wrapper .login-bg .sparkle:nth-child(16){--i:55;--j:24;--duration:8;--delay:0}.login-wrapper .login-bg .sparkle:nth-child(17){--i:70;--j:7;--duration:5;--delay:4}.login-wrapper .login-bg .sparkle:nth-child(18){--i:95;--j:13;--duration:7;--delay:2}.login-wrapper .login-hero{position:relative;padding:60px 0 40px;background:linear-gradient(135deg,#8dbf82,#3f8e5f);overflow:hidden}.login-wrapper .login-hero .hero-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 20px)}.login-wrapper .login-hero .hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:30px;margin-bottom:20px;animation:loginBounceIn 1s ease-out .3s backwards}.login-wrapper .login-hero .badge-emoji{font-size:18px}.login-wrapper .login-hero .badge-text{color:white;font-weight:600;font-size:.9rem}.login-wrapper .login-hero .hero-title{font-size:3rem;font-weight:700;color:white;margin-bottom:16px;text-shadow:2px 2px 4px rgba(0,0,0,.2);animation:loginFadeInUp 1s ease-out .4s backwards}.login-wrapper .login-hero .hero-title span{display:block}.login-wrapper .login-hero .gradient-text{background:linear-gradient(90deg,#ffffff,#eab54b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-wrapper .login-hero .hero-lead{font-size:1.2rem;line-height:1.6;color:white;opacity:.95;animation:loginFadeInUp 1s ease-out .6s backwards}.login-wrapper .login-hero .hero-decoration{position:absolute}.login-wrapper .login-hero .hero-decoration-1{bottom:-20px;left:15%;width:60px;height:60px;background:white;border-radius:50%;opacity:.1;animation:loginBounce 2s ease-in-out infinite}.login-wrapper .login-hero .hero-decoration-2{top:20%;right:10%;font-size:30px;opacity:.2;animation:loginRotate 10s linear infinite}.login-wrapper .login-content{padding:60px 0;position:relative;z-index:1}.login-wrapper .login-card{background:white;border-radius:30px;box-shadow:0 20px 60px rgba(0,0,0,.1);overflow:hidden;animation:loginSlideInUp 1s ease-out .2s backwards}.login-wrapper .login-card .card-header{background:linear-gradient(135deg,#3f8e5f,#8dbf82);padding:40px 30px;text-align:center;position:relative;overflow:hidden}.login-wrapper .login-card .card-header-decoration{position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:rgba(255,255,255,.1);border-radius:50%;animation:loginPulse 4s ease-in-out infinite}.login-wrapper .login-card .brand-logo{position:relative;z-index:2;margin-bottom:20px}.login-wrapper .login-card .logo-circle{position:relative;display:inline-block}.login-wrapper .login-card .logo-text{width:80px;height:80px;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:forgotLogoFloat 3s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.3)}.login-wrapper .login-card .logo-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border:2px solid rgba(255,255,255,.2);border-radius:50%;animation:forgotLogoRing 3s ease-in-out infinite}.login-wrapper .login-card .logo-ring.ring-2{width:120px;height:120px;border-width:1px;animation-delay:1s}.login-wrapper .login-card .card-header h3{color:white;margin-bottom:8px;font-weight:700;position:relative;z-index:2}.login-wrapper .login-card .card-header p{color:white;opacity:.9;margin-bottom:0;position:relative;z-index:2}.login-wrapper .login-card .card-body{padding:40px 30px}.login-wrapper .login-form-group{margin-bottom:24px}.login-wrapper .login-form-label{font-weight:600;color:#333;margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:.95rem}.login-wrapper .login-form-label i{color:#3f8e5f;font-size:.9rem}.login-wrapper .login-input-wrapper{position:relative}.login-wrapper .login-form-input{width:100%;border:2px solid #eee;border-radius:16px;padding:14px 20px;font-size:1rem;transition:all .3s ease;background:#fafafa}.login-wrapper .login-form-input:focus{outline:none;border-color:#3f8e5f;background:white;box-shadow:0 0 0 4px rgba(63,142,95,.1)}.login-wrapper .login-input-focus-ring{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;background:linear-gradient(135deg,rgba(63,142,95,.1),rgba(141,191,130,.1));opacity:0;transition:opacity .3s ease;pointer-events:none}.login-wrapper .login-form-input:focus+.login-input-focus-ring{opacity:1}.login-wrapper .login-password-input{position:relative}.login-wrapper .login-password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;padding:8px 12px;border-radius:12px;transition:all .3s ease;cursor:pointer;z-index:3}.login-wrapper .login-password-toggle:hover{background:#f0f0f0;color:#3f8e5f}.login-wrapper .login-form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.login-wrapper .login-custom-checkbox{display:flex;align-items:center;cursor:pointer;position:relative}.login-wrapper .login-custom-checkbox input[type=checkbox]{display:none}.login-wrapper .login-checkbox-mark{width:20px;height:20px;border:2px solid #ddd;border-radius:6px;background:white;display:flex;align-items:center;justify-content:center;margin-right:8px;transition:all .3s ease}.login-wrapper .login-custom-checkbox input[type=checkbox]:checked+.login-checkbox-mark{background:linear-gradient(135deg,#3f8e5f,#8dbf82);border-color:#3f8e5f}.login-wrapper .login-checkbox-mark i{color:white;font-size:.8rem;opacity:0;transition:opacity .2s ease}.login-wrapper .login-custom-checkbox input[type=checkbox]:checked+.login-checkbox-mark i{opacity:1}.login-wrapper .login-checkbox-text{font-size:.9rem;color:#666}.login-wrapper .login-forgot-link{color:#3f8e5f;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease}.login-wrapper .login-forgot-link:hover{color:#8dbf82;text-decoration:underline}.login-wrapper .login-submit-btn{width:100%;background:linear-gradient(135deg,#3f8e5f,#8dbf82);color:white;border:none;border-radius:16px;padding:16px 24px;font-size:1.1rem;font-weight:600;box-shadow:0 10px 30px rgba(63,142,95,.3);transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.login-wrapper .login-submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px rgba(63,142,95,.4)}.login-wrapper .login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-wrapper .login-btn-spinner{display:flex;align-items:center;justify-content:center}.login-wrapper .login-spinner-ring{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:loginSpin 1s linear infinite}.login-wrapper .login-btn-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(45deg);transition:all .6s ease}.login-wrapper .login-submit-btn:hover .login-btn-shine{left:150%}.login-wrapper .login-divider{display:flex;align-items:center;margin:32px 0}.login-wrapper .login-divider-line{flex:1 1;height:1px;background:linear-gradient(90deg,transparent,#ddd 50%,transparent)}.login-wrapper .login-divider-text{padding:0 20px;color:#999;font-size:.9rem;white-space:nowrap}.login-wrapper .login-social-login{display:flex;gap:12px;margin-bottom:32px}.login-wrapper .login-social-btn{flex:1 1;background:white;border:2px solid #f0f0f0;border-radius:16px;padding:14px 16px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;font-weight:500;font-size:.95rem;color:#666;text-decoration:none;min-height:50px}.login-wrapper .login-social-btn:focus,.login-wrapper .login-social-btn:hover{text-decoration:none;color:inherit}.login-wrapper .login-social-btn.hovered{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.login-wrapper .login-social-btn.google.hovered{border-color:#db4437;color:#db4437}.login-wrapper .login-social-btn.facebook.hovered{border-color:#4267b2;color:#4267b2}.login-wrapper .login-social-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;flex-shrink:0}.login-wrapper .login-social-icon i{font-size:14px}.login-wrapper .login-google-icon{background:linear-gradient(135deg,#db4437,#ea4335);color:white}.login-wrapper .login-facebook-icon{background:linear-gradient(135deg,#4267b2,#3b5998);color:white}.login-wrapper .login-social-btn span{font-weight:500;white-space:nowrap}.login-wrapper .login-social-glow{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;pointer-events:none}.login-wrapper .login-social-btn.facebook .login-social-glow{background:radial-gradient(circle at center,rgba(66,103,178,.1) 0,transparent 70%)}.login-wrapper .login-social-btn.google .login-social-glow{background:radial-gradient(circle at center,rgba(219,68,55,.1) 0,transparent 70%)}.login-wrapper .login-social-btn.hovered .login-social-glow{opacity:1}.login-wrapper .login-signup-link{text-align:center}.login-wrapper .login-signup-link p{color:#666;margin:0;font-size:.95rem}.login-wrapper .login-link-accent{color:#3f8e5f;text-decoration:none;font-weight:600;transition:all .3s ease}.login-wrapper .login-link-accent:hover{color:#8dbf82;text-decoration:underline}@media (max-width:768px){.login-wrapper .login-hero .hero-title{font-size:2.5rem}.login-wrapper .login-card .card-body,.login-wrapper .login-card .card-header{padding:30px 20px}.login-wrapper .login-social-login{flex-direction:column}.login-wrapper .login-form-options{flex-direction:column;gap:16px;align-items:flex-start}}@media (max-width:576px){.login-wrapper .login-hero .hero-title{font-size:2rem}.login-wrapper .login-content{padding:40px 0}.login-wrapper .login-social-btn span{font-size:.9rem}}@keyframes loginFloatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.1)}50%{transform:translate(-20px,30px) scale(.9)}75%{transform:translate(20px,15px) scale(1.05)}}@keyframes loginFloatShape{0%,to{transform:translate(0) rotate(0deg) scale(1)}25%{transform:translate(20px,-25px) rotate(90deg) scale(1.1)}50%{transform:translate(-15px,20px) rotate(180deg) scale(.9)}75%{transform:translate(25px,10px) rotate(270deg) scale(1.05)}}@keyframes loginSparkleFloat{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:.2}90%{opacity:.2}to{transform:translateY(-100px) rotate(1turn);opacity:0}}@keyframes loginLogoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}@keyframes loginLogoRing{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.1}}@keyframes forgotLogoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}@keyframes forgotLogoRing{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.1}}@keyframes loginPulse{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.1);opacity:.15}}@keyframes loginBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes loginRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loginFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes loginSlideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes loginBounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes loginSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[dir=rtl] .login-wrapper{direction:rtl;text-align:right}[dir=rtl] .login-bg .bg-orb-1{left:auto;right:-350px}[dir=rtl] .login-bg .bg-orb-2{right:auto;left:-250px}[dir=rtl] .login-bg .bg-shape-1{right:auto;left:15%}[dir=rtl] .login-bg .bg-shape-2{left:auto;right:10%}[dir=rtl] .login-bg .bg-shape-3{right:auto;left:8%}[dir=rtl] .login-hero{text-align:center}[dir=rtl] .login-form-label{text-align:right;flex-direction:row-reverse;justify-content:flex-end}[dir=rtl] .login-form-label i{margin-left:.5rem;margin-right:0}[dir=rtl] .login-form-group{text-align:right}[dir=rtl] .login-input-wrapper input{text-align:right;direction:rtl}[dir=rtl] .login-input-wrapper input[type=email]{text-align:left;direction:ltr}[dir=rtl] .login-input-wrapper input[type=email]::placeholder{text-align:right;direction:rtl}[dir=rtl] .login-password-toggle{left:10px;right:auto}[dir=rtl] .login-custom-checkbox,[dir=rtl] .login-form-options{flex-direction:row-reverse}[dir=rtl] .login-checkbox-mark{margin-left:.5rem;margin-right:0}[dir=rtl] .login-submit-btn{flex-direction:row-reverse}[dir=rtl] .login-submit-btn i{margin-left:.5rem;margin-right:0;transform:rotate(180deg);order:-1}[dir=rtl] .login-social-btn{flex-direction:row-reverse}[dir=rtl] .login-social-icon{margin-left:.75rem;margin-right:0}[dir=rtl] .hero-decoration-1{left:auto;right:-100px}[dir=rtl] .hero-decoration-2{right:auto;left:10%}[dir=rtl] .card-header-decoration{left:auto;right:-30px;transform:scaleX(-1) rotate(135deg)}