body{margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg,#f0f9f7,#e8f5f1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;position:relative;overflow-x:hidden}*,:after,:before{box-sizing:border-box}.yoga-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;animation:gradientFlow 20s ease infinite;z-index:0}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.lotus-flower{position:absolute;opacity:.15;animation:floatLotus ease-in-out infinite}.lotus-flower svg{filter:drop-shadow(0 4px 8px rgba(75,149,132,.2))}.lotus-flower:nth-child(1){width:100px;height:100px;top:10%;left:5%;animation-duration:8s;animation-delay:0s}.lotus-flower:nth-child(2){width:80px;height:80px;top:70%;left:10%;animation-duration:10s;animation-delay:2s}.lotus-flower:nth-child(3){width:90px;height:90px;top:30%;right:8%;animation-duration:9s;animation-delay:1s}.lotus-flower:nth-child(4){width:70px;height:70px;bottom:15%;right:15%;animation-duration:11s;animation-delay:3s}@keyframes floatLotus{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.meditation-circle{position:absolute;border-radius:50%;border:2px solid rgba(75,149,132,.2);animation:pulseGlow 4s ease-in-out infinite}.meditation-circle:nth-child(5){width:150px;height:150px;top:20%;left:15%;animation-delay:0s}.meditation-circle:nth-child(6){width:120px;height:120px;top:60%;right:20%;animation-delay:1s}.meditation-circle:nth-child(7){width:100px;height:100px;bottom:25%;left:25%;animation-delay:2s}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.2;box-shadow:0 0 #4b958466}50%{transform:scale(1.1);opacity:.3;box-shadow:0 0 20px 10px #4b95841a}}.om-symbol{position:absolute;opacity:.08;font-size:120px;font-weight:700;color:#4b9584;animation:rotateOm 30s linear infinite}.om-symbol:nth-child(8){top:15%;right:10%}.om-symbol:nth-child(9){bottom:20%;left:8%;font-size:100px;animation-duration:40s;animation-direction:reverse}@keyframes rotateOm{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.yoga-pose{position:absolute;opacity:.06;animation:gentleFloat 15s ease-in-out infinite}.yoga-pose svg{fill:#4b9584}.yoga-pose:nth-child(10){width:150px;height:150px;top:40%;left:3%;animation-delay:0s}.yoga-pose:nth-child(11){width:130px;height:130px;top:50%;right:5%;animation-delay:3s}@keyframes gentleFloat{0%,to{transform:translateY(0) translate(0) rotate(0);opacity:.06}25%{transform:translateY(-15px) translate(10px) rotate(2deg);opacity:.1}50%{transform:translateY(-25px) translate(-10px) rotate(-2deg);opacity:.08}75%{transform:translateY(-15px) translate(10px) rotate(2deg);opacity:.1}}.energy-particle{position:absolute;background:radial-gradient(circle,rgba(75,149,132,.4) 0%,transparent 70%);border-radius:50%;animation:riseAndFade linear infinite}.energy-particle:nth-child(12){width:6px;height:6px;bottom:0;left:20%;animation-duration:12s;animation-delay:0s}.energy-particle:nth-child(13){width:8px;height:8px;bottom:0;left:50%;animation-duration:15s;animation-delay:2s}.energy-particle:nth-child(14){width:5px;height:5px;bottom:0;left:70%;animation-duration:13s;animation-delay:4s}.energy-particle:nth-child(15){width:7px;height:7px;bottom:0;left:35%;animation-duration:14s;animation-delay:1s}.energy-particle:nth-child(16){width:6px;height:6px;bottom:0;right:25%;animation-duration:16s;animation-delay:3s}@keyframes riseAndFade{0%{transform:translateY(0) scale(.5);opacity:0}10%{opacity:.8}90%{opacity:.6}to{transform:translateY(-100vh) scale(1);opacity:0}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;z-index:1}.login-wrapper{display:flex;width:100%;max-width:900px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 15px 40px #4b958426;min-height:480px}.login-brand-side{flex:1;background:#c4d7d1;padding:35px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.login-brand-side:before{content:"";position:absolute;top:-50%;right:-50%;width:400px;height:400px;background:#ffffff0d;border-radius:50%}.login-brand-side:after{content:"";position:absolute;bottom:-30%;left:-30%;width:300px;height:300px;background:#ffffff0d;border-radius:50%}.brand-content{position:relative;z-index:2;text-align:center;color:#fff}.brand-logo{margin-bottom:20px}.brand-logo img{max-width:150px;height:auto}.brand-title{font-size:24px;font-weight:700;margin-bottom:10px;color:#333}.brand-subtitle{font-size:13px;font-weight:300;color:#000000e6;margin-bottom:25px;line-height:1.5}.wellness-icons{display:flex;gap:20px;justify-content:center;margin-top:30px}.wellness-icon-item{text-align:center}.wellness-icon-circle{width:50px;height:50px;background:#00000026;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.wellness-icon-circle:hover{background:#00000040;transform:translateY(-3px)}.wellness-icon-circle i{font-size:22px;color:#fff}.wellness-icon-label{font-size:11px;color:#000000e6;font-weight:400}.login-form-side{flex:1;padding:35px;display:flex;flex-direction:column;justify-content:center}.login-form-header{margin-bottom:25px}.login-form-title{font-size:22px;font-weight:700;color:#1e293b;margin-bottom:6px}.login-form-description{font-size:13px;color:#64748b;font-weight:400}.login-form{width:100%}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:600;color:#334155;margin-bottom:6px}.form-input-wrapper{position:relative}.form-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:16px;pointer-events:none;transition:color .3s ease}.form-input{width:100%;padding:11px 14px 11px 42px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;transition:all .3s ease;background:#f8fafc}.form-input:focus{outline:none;border-color:#4b9584;background:#fff;box-shadow:0 0 0 4px #4b95841a}.form-input:focus+.form-input-icon{color:#4b9584}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.remember-me{display:flex;align-items:center;gap:8px}.custom-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#4b9584}.remember-label{font-size:14px;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.forgot-password{font-size:14px;color:#4b9584;text-decoration:none;font-weight:500;transition:color .3s ease}.forgot-password:hover{color:#3d7a68;text-decoration:underline}.login-btn{width:100%;padding:12px;background:linear-gradient(135deg,#4b9584,#3d7a68);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #4b95844d;display:flex;align-items:center;justify-content:center;gap:6px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4b958466}.login-btn:active{transform:translateY(0)}.login-divider{display:flex;align-items:center;gap:12px;margin:22px 0}.login-divider-line{flex:1;height:1px;background:#e2e8f0}.login-divider-text{font-size:13px;color:#94a3b8;font-weight:500}.social-login{display:flex;gap:12px}.social-btn{flex:1;padding:10px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:500;color:#475569}.social-btn:hover{border-color:#4b9584;background:#f0f9f7;transform:translateY(-2px)}.social-btn i{font-size:18px}.signup-link{text-align:center;margin-top:20px;font-size:13px;color:#64748b}.signup-link a{color:#4b9584;font-weight:600;text-decoration:none;transition:color .3s ease}.signup-link a:hover{color:#3d7a68;text-decoration:underline}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;font-size:18px;cursor:pointer;padding:4px;transition:color .3s ease}.password-toggle:hover{color:#4b9584}.login-btn.loading{pointer-events:none;opacity:.7}.login-btn.loading:after{content:"";width:16px;height:16px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:10px}.login-alert.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.login-alert.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.login-alert i{font-size:16px}@media(max-width:992px){.login-wrapper{flex-direction:column;max-width:500px}.login-brand-side{padding:40px 30px}.brand-title{font-size:26px}.wellness-icons{margin-top:30px;gap:20px}.wellness-icon-circle{width:60px;height:60px}.wellness-icon-circle i{font-size:26px}.login-form-side{padding:40px 30px}}@media(max-width:576px){.login-container{padding:15px}.login-wrapper{border-radius:16px}.login-brand-side{padding:30px 20px}.brand-title{font-size:22px}.brand-subtitle{font-size:14px}.wellness-icons{gap:15px}.wellness-icon-circle{width:50px;height:50px}.wellness-icon-circle i{font-size:22px}.login-form-side{padding:30px 20px}.login-form-title{font-size:24px}.social-login{flex-direction:column}.form-options{flex-direction:column;align-items:flex-start}}.permission-cell .custom-checkbox{width:40px!important}