@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.signup-container{width:100%;min-height:100vh;background-color:var(--color-background);font-family:var(--font-family);position:relative;overflow:hidden}.page-title{position:absolute;top:20px;left:40px;font-size:14px;font-weight:400;color:#8d8d8d}.signup-content{display:flex;min-height:100vh;position:relative}.form-heading{font-family:Poppins;font-style:normal;font-weight:700;font-size:24px;line-height:36px;color:var(--color-text-dark);margin-bottom:40px}.signup-form{display:flex;flex-direction:column;gap:20px}.form-group input{box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;padding:10px;gap:10px;width:404px;height:32px;background:transparent;border:1px solid var(--color-border);border-radius:10px;font-family:Poppins;font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:var(--color-text-dark);outline:none}.form-group input:focus{border-color:var(--color-primary)}.terms-group{display:flex;align-items:center;gap:10px;margin-top:8px}.terms-group input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer}.terms-group label{font-family:Poppins;font-style:normal;font-weight:400;font-size:12px;line-height:18px;color:var(--color-text-dark)}.terms-link{color:var(--color-text-dark);text-decoration:underline}.signup-btn{width:404px;height:40px;background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:10px;font-family:Poppins;font-style:normal;font-weight:500;font-size:14px;line-height:21px;cursor:pointer;margin-top:10px;transition:background-color .2s ease}.signup-btn:hover{background-color:#2d4a1a}.social-btn{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:4px 20px;gap:10px;width:auto;min-width:160px;white-space:nowrap;height:32px;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s ease}.social-btn:hover{border-color:#8d8d8d;background-color:#f5f5f5}.google-icon,.apple-icon{width:24px;height:24px}.signin-link{margin-top:25px;font-family:Poppins;font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:var(--color-text-dark);text-align:center}.signin-link a{color:var(--color-primary);font-weight:700;text-decoration:none}.signin-link a:hover{text-decoration:underline}.leaf-image{width:100%;height:100%;object-fit:cover;object-position:center}@media(max-width:1200px){.signup-content{flex-direction:column-reverse}.image-section{position:relative;width:100%;height:250px;top:0;border-radius:0 0 45px 45px}.form-section{flex:1;padding:40px 20px}.form-wrapper{width:100%;max-width:404px}.form-group,.form-group input,.signup-btn,.divider{width:100%}}@media(max-width:768px){.form-section{padding:30px 20px}.form-heading{font-size:22px;margin-bottom:30px}.form-wrapper{width:100%;max-width:100%;padding:0 10px}.form-group,.form-group input,.signup-btn,.divider{width:100%}.social-buttons{flex-wrap:wrap;justify-content:center;gap:15px}.social-btn{width:100%;max-width:200px}.image-section{height:200px}.signup-form{gap:15px}}.animate-slide-right{animation:slideInRight .8s ease-out forwards;opacity:0}.image-section .leaf-image{transition:opacity .5s ease-in-out,transform .8s ease-out;opacity:0}.signup-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.signup-btn:hover{background-color:#2d4a1a;transform:translateY(-2px);box-shadow:0 4px 12px #3a5b2266}.signup-btn:active{transform:translateY(0)}.social-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input{transition:all .3s ease}.signin-link a{transition:color .2s ease}.signin-link a:hover{color:#2d4a1a}:root{--font-family: "Poppins", sans-serif;--color-primary: #3A5B22;--color-text-dark: #000000;--color-text-muted: #D9D9D9;--color-border: #D9D9D9;--color-background: #F7F8F9;--color-white: #FFFFFF}.login-container{width:100%;min-height:100vh;background-color:var(--color-background);font-family:var(--font-family);position:relative;overflow:hidden}.login-content{display:flex;min-height:100vh;position:relative}.form-section{flex:0 0 50%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px}.form-wrapper{width:404px}.form-heading{font-family:Poppins;font-style:normal;font-weight:700;font-size:28px;line-height:36px;color:var(--color-text-dark);margin-bottom:10px}.form-subheading{font-family:Poppins;font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#000;margin-bottom:40px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:10px;width:404px}.form-group label{font-family:Poppins;font-style:normal;font-weight:500;font-size:14px;line-height:21px;color:var(--color-text-dark)}.password-label-row{display:flex;justify-content:space-between;align-items:center;width:100%}.forgot-password{font-family:Poppins;font-style:normal;font-weight:400;font-size:12px;line-height:18px;color:var(--color-primary);text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:#2d4a1a;text-decoration:underline}.form-group input{box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;padding:10px;gap:10px;width:404px;height:32px;background:transparent;border:1px solid var(--color-border);border-radius:10px;font-family:Poppins;font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:var(--color-text-dark);outline:none;transition:all .3s ease}.form-group input::placeholder{font-family:Poppins;font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:var(--color-text-muted)}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 2px 8px #3a5b2226}.remember-group{display:flex;align-items:center;gap:10px;margin-top:8px}.remember-group input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer}.remember-group label{font-family:Poppins;font-style:normal;font-weight:400;font-size:12px;line-height:18px;color:var(--color-text-dark)}.login-btn{width:404px;height:40px;background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:10px;font-family:Poppins;font-style:normal;font-weight:500;font-size:14px;line-height:21px;cursor:pointer;margin-top:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-btn:hover{background-color:#2d4a1a;transform:translateY(-2px);box-shadow:0 4px 12px #3a5b2266}.login-btn:active{transform:translateY(0)}.divider{display:flex;align-items:center;margin:25px 0;width:404px}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.divider span{padding:0 20px;font-family:Poppins;font-size:12px;color:#8d8d8d}.social-buttons{display:flex;flex-direction:row;align-items:center;gap:23px}.social-btn{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:4px 20px;gap:10px;width:auto;min-width:160px;white-space:nowrap;height:32px;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.social-btn:hover{border-color:#8d8d8d;background-color:#f5f5f5;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.social-btn:active{transform:translateY(0)}.google-icon,.apple-icon{width:18px;height:18px}.social-btn span{font-family:Poppins;font-style:normal;font-weight:500;font-size:12px;line-height:18px;color:var(--color-text-dark)}.signup-link{margin-top:25px;font-family:Poppins;font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:var(--color-text-dark);text-align:center}.signup-link a{color:var(--color-primary);font-weight:700;text-decoration:none;transition:color .2s ease}.signup-link a:hover{color:#2d4a1a;text-decoration:underline}.image-section{position:absolute;width:781.5px;height:100vh;right:0;top:0;overflow:hidden;border-radius:45px 0 0 45px}.image-section.loading .image-placeholder{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#e8f5e9,#c8e6c9,#e8f5e9);background-size:200% 200%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.image-section.loaded .image-placeholder{display:none}.image-section .leaf-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .5s ease-in-out,transform .8s ease-out;opacity:0}.image-section.loaded .leaf-image{opacity:1;animation:slideInRight .8s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards;opacity:0}.animate-slide-up{animation:slideUp .6s ease-out forwards;opacity:0}@media(max-width:1200px){.login-content{flex-direction:column-reverse}.image-section{position:relative;width:100%;height:250px;top:0;border-radius:0 0 45px 45px}.form-section{flex:1;padding:40px 20px}.form-wrapper{width:100%;max-width:404px}.form-group,.form-group input,.login-btn,.divider{width:100%}}@media(max-width:768px){.form-section{padding:30px 20px}.form-heading{font-size:22px;margin-bottom:8px}.form-subheading{font-size:12px;margin-bottom:30px}.form-wrapper{width:100%;max-width:100%;padding:0 10px}.form-group,.form-group input,.login-btn,.divider{width:100%}.social-buttons{flex-wrap:wrap;justify-content:center;gap:15px}.social-btn{width:100%;max-width:200px}.image-section{height:200px}.login-form{gap:15px}}