body{display:flex;flex-direction:column;min-height:100vh}#MainContent{padding:0!important;margin:0!important}.page-width{max-width:100%!important;padding:0!important}.custom-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f4f7f4;background-image:url("{{ section.settings.page_bg | image_url }}");background-size:cover;background-position:center;background-repeat:no-repeat;padding:0}.login-wrapper{display:flex;width:100%;max-width:1200px;min-height:400px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 25px 70px #00000014}.login-left{width:50%;padding:50px 40px;background:#f3f6f3;display:flex;flex-direction:column;justify-content:flex-start;position:relative}.top-brand{display:flex;align-items:center;justify-content:flex-start;gap:20px;margin-bottom:25px}.brand-logo{width:50px;height:50px;border-radius:10px;object-fit:cover;box-shadow:0 6px 12px #2e7d3240,inset 0 2px 4px #fff9;background:#fff;padding:6px;transition:all .3s ease}.brand-logo:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 10px 20px #00000040,inset 0 2px 6px #fffc}.brand-name{font-size:18px;font-weight:600;color:#2e7d32;text-decoration:none;position:relative;transition:.3s}.brand-name:hover{color:#1b5e20}.brand-name:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:#2e7d32;transition:.3s}.brand-name:hover:after{width:100%}.login-left h2{font-size:30px;margin-bottom:10px;color:#111;font-weight:600}.login-left p{font-size:14px;color:#555;margin-bottom:25px;max-width:380px;line-height:1.6}.side-plant-wrapper{width:100%;display:flex;align-items:flex-end;justify-content:flex-end;margin-top:20px}.side-plant{position:absolute;bottom:20px;right:20px;left:auto;width:160px;height:auto;object-fit:contain;opacity:.95;animation:floatPlant 4s ease-in-out infinite}@keyframes floatPlant{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.login-right{width:50%;position:relative;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.login-right:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0a2819a6}.login-box{position:relative;z-index:2;background:#ffffff1f;padding:35px;border-radius:16px;width:340px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;animation:fadeUp .6s ease;border:1px solid rgba(255,255,255,.2)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-box h3{color:#fff;margin-bottom:15px}.login-desc{font-size:14px;color:#e8f5e9;margin:10px 0 20px;line-height:1.6}.login-btn{display:block;width:100%;padding:14px;background:linear-gradient(135deg,#43a047,#2e7d32);color:#fff;border-radius:30px;text-decoration:none;font-weight:500;transition:.3s}.login-btn:hover{transform:scale(1.05);background:linear-gradient(135deg,#2e7d32,#1b5e20)}.login-extra{font-size:13px;color:#a5d6a7;margin-top:15px;line-height:1.6;font-weight:500}.register-text{color:#ddd;font-size:13px;margin-top:12px}.register-text a{color:#fff;text-decoration:underline}@media(max-width:768px){.custom-login{padding:55px 12px 20px;min-height:auto!important}#MainContent{padding-bottom:0!important;margin-bottom:0!important}.login-wrapper{flex-direction:column;margin:0 auto;border-radius:16px;overflow:hidden;min-height:auto}.login-left,.login-right{width:100%}.login-left{position:relative;padding:90px 20px 20px;text-align:left}.side-plant{position:absolute;top:15px;left:12px;width:55px;animation:floatPlant 4s ease-in-out infinite}.top-brand{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 10px;border-radius:20px}.brand-logo{width:26px;height:26px;padding:4px}.brand-name{font-size:13px;font-weight:600}.login-left h2{margin-top:10px}.side-plant{position:absolute;top:10px;left:10px;width:60px;animation:floatPlant 4s ease-in-out infinite;z-index:2}.top-brand{position:absolute;top:15px;right:10px;display:flex;align-items:center;gap:6px;margin:0}.brand-logo{width:28px}.brand-name{font-size:14px}.login-left h2{font-size:24px}.login-left p{font-size:13px;margin-bottom:20px}.login-right{padding:30px 15px;min-height:auto}.login-box{width:100%;max-width:320px;margin:0 auto;padding:25px 20px}.login-box h3{font-size:18px}.login-desc{font-size:13px}.login-btn{padding:12px;font-size:14px}}.brand-highlight{color:#2c7a4b;font-weight:700}
/*# sourceMappingURL=/cdn/shop/t/4/assets/compoent-custom-login.css.map */