.login-page *{box-sizing:border-box;margin:0;padding:0}.login-page img{max-width:100%;display:block}.login-page button,.login-page input{border:none;outline:none;font-family:inherit}.login-page button{cursor:pointer}.login-page a{color:inherit;text-decoration:none}.login-page{background:#0b4a25;width:100vw;height:100vh;font-family:Manrope,sans-serif;position:relative;overflow:hidden}.login-background{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.login-overlay{z-index:2;background:linear-gradient(90deg,#093a21f7 0%,#093a21f2 22%,#093a21d1 42%,#093a2173 68%,#093a2100 100%);position:absolute;inset:0}.login-container{z-index:5;justify-content:space-between;align-items:center;width:100%;max-width:1600px;height:100vh;margin:0 auto;display:flex;position:relative}.login-hero{flex-direction:column;justify-content:center;width:55%;padding-left:70px;padding-right:40px;display:flex}.login-panel{justify-content:center;align-items:center;width:45%;padding:32px;display:flex}.hero-brand{align-items:center;gap:24px;display:flex}.hero-brand__logo{-o-object-fit:contain;object-fit:contain;flex-shrink:0;width:120px;height:auto}.hero-brand__content{flex-direction:column;justify-content:center;display:flex}.hero-brand__title{color:#fff;letter-spacing:-.5px;font-size:32px;font-weight:800;line-height:1.2}.hero-brand__subtitle{color:#ffffffd9;margin-top:6px;font-size:20px;font-weight:500;line-height:1.4}.hero-content{margin-top:56px}.hero-content__title{color:#fff;letter-spacing:-2px;font-size:64px;font-weight:800;line-height:1.1}.hero-content__description{color:#ffffffe6;max-width:480px;margin-top:24px;font-size:20px;font-weight:400;line-height:1.7}.hero-features{flex-direction:column;gap:32px;margin-top:56px;display:flex}.feature-item{align-items:flex-start;gap:20px;display:flex}.feature-item__icon{flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.feature-item__icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.feature-item__content{flex-direction:column;padding-top:4px;display:flex}.feature-item__title{color:#fff;margin-bottom:6px;font-size:22px;font-weight:700;line-height:1}.feature-item__description{color:#fffc;font-size:16px;font-weight:400;line-height:1.6}.login-card{background:#f5f5f5;border-radius:28px;width:100%;max-width:520px;padding:48px 44px;box-shadow:0 24px 80px #00000038,0 4px 16px #0000001a}.login-card__header{text-align:center;margin-bottom:36px}.login-card__title{color:#0b4a25;font-size:38px;font-weight:800;line-height:1}.login-card__subtitle{color:#5b5b5b;margin-top:10px;font-size:16px;font-weight:500;line-height:1.5}.login-alert{border-radius:12px;width:100%;margin-bottom:20px;padding:12px 16px;font-size:14px;line-height:1.6}.login-alert ul{padding-left:18px}.login-alert--success{color:#17683b;background:#ddf8e6;border:1px solid #b2f0ca}.login-alert--danger{color:#b42318;background:#ffe7e7;border:1px solid #ffc7c4}.login-form{flex-direction:column;display:flex}.form-group{margin-bottom:20px}.form-label{color:#1e1e1e;margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.4;display:block}.form-input{color:#1e1e1e;background:#fff;border:1.5px solid #dedede;border-radius:12px;width:100%;height:52px;padding:0 16px;font-size:15px;font-weight:400;transition:border-color .2s,box-shadow .2s}.form-input::placeholder{color:#ababab}.form-input:hover{border-color:#0b4a25}.form-input:focus{border-color:#0b4a25;box-shadow:0 0 0 3px #0b4a251a}.password-group{position:relative}.password-group .form-input{padding-right:52px}.password-toggle{cursor:pointer;color:#888;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle:hover{color:#0b4a25}.password-toggle svg{stroke-width:2px;width:20px;height:20px}.login-options{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.remember-me{cursor:pointer;color:#5f5f5f;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.remember-me input[type=checkbox]{accent-color:#0b4a25;cursor:pointer;width:16px;height:16px}.forgot-password{color:#0b4a25;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s}.forgot-password:hover{opacity:.8;text-decoration:underline}.login-button{color:#fff;letter-spacing:.3px;cursor:pointer;background:#0b4a25;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:52px;font-family:Manrope,sans-serif;font-size:18px;font-weight:700;transition:background .2s,transform .1s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #0b4a2559}.login-button:hover{background:#0d5c2f;transform:translateY(-1px);box-shadow:0 6px 20px #0b4a2566}.login-button:active{transform:translateY(0);box-shadow:0 2px 8px #0b4a254d}.login-footer{text-align:center;color:#888;margin-top:20px;font-size:14px;font-weight:400}.contact-admin{color:#0b4a25;font-weight:600;text-decoration:none;transition:opacity .2s}.contact-admin:hover{opacity:.8;text-decoration:underline}@media screen and (width<=1280px){.login-hero{padding-left:48px;padding-right:24px}.hero-brand__logo{width:100px}.hero-brand__title{font-size:26px}.hero-brand__subtitle{font-size:17px}.hero-content{margin-top:40px}.hero-content__title{font-size:52px}.hero-content__description{font-size:17px}.hero-features{gap:24px;margin-top:40px}.feature-item__title{font-size:19px}.feature-item__description{font-size:14px}.login-card{max-width:480px;padding:40px 36px}}@media screen and (width<=992px){.login-page{height:auto;min-height:100vh;overflow:auto}.login-overlay{background:#093a21e0}.login-container{flex-direction:column;justify-content:center;gap:48px;height:auto;min-height:100vh;padding:48px 32px}.login-hero,.login-panel{width:100%;padding:0}.login-card{max-width:100%}}@media screen and (width<=640px){.hero-brand{flex-direction:column;align-items:flex-start}.hero-brand__logo{width:80px}.hero-brand__title{font-size:22px}.hero-content__title{font-size:38px}.hero-content__description{font-size:15px}.hero-features{gap:20px;margin-top:32px}.feature-item__icon{width:40px;height:40px}.feature-item__title{font-size:17px}.feature-item__description{font-size:13px}.login-container{gap:36px;padding:32px 20px}.login-card{border-radius:20px;padding:32px 24px}.login-card__title{font-size:30px}.login-button{height:48px;font-size:16px}}.login-card{animation:.6s cubic-bezier(.16,1,.3,1) loginFadeUp}.hero-brand,.hero-content,.hero-features{animation:.7s cubic-bezier(.16,1,.3,1) loginFadeLeft}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes loginFadeLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}.login-modal{z-index:100;justify-content:center;align-items:center;padding:20px;animation:.35s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0}.login-modal__overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08261473;transition:opacity .3s;position:absolute;inset:0}.login-modal__card{z-index:10;background:#fffffff2;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:36px;animation:.35s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;position:relative;box-shadow:0 30px 60px -15px #093a214d,0 0 0 1px #1248270d}.login-modal__close-btn{cursor:pointer;color:#4b5563;background:#0000000a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s,transform .15s;display:flex;position:absolute;top:20px;right:20px}.login-modal__close-btn:hover{color:#111827;background:#00000014;transform:rotate(90deg)}.login-modal__icon-decor{background:#12482714;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex}.login-modal__header{text-align:center;margin-bottom:24px}.login-modal__header h3{color:#124827;letter-spacing:-.5px;margin-bottom:8px;font-size:21px;font-weight:850}.login-modal__header p{color:#6b7280;font-size:13.5px;line-height:1.5}.login-modal__body{flex-direction:column;gap:12px;width:100%;margin-bottom:24px;display:flex}.contact-link{border:1px solid #0000;border-radius:16px;align-items:center;padding:16px;text-decoration:none;transition:background .2s,border-color .2s,transform .15s;display:flex}.contact-link--wa{color:#16a34a;background:#22c55e0f;border-color:#22c55e26}.contact-link--wa:hover{background:#22c55e1f;border-color:#22c55e40;transform:translateY(-2px)}.contact-link--email{color:#2563eb;background:#3b82f60f;border-color:#3b82f626}.contact-link--email:hover{background:#3b82f61f;border-color:#3b82f640;transform:translateY(-2px)}.contact-link__text{flex-direction:column;flex:1;align-items:flex-start;margin-left:14px;display:flex}.contact-link__title{text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;margin-bottom:2px;font-size:11px;font-weight:800}.contact-link__val{color:#1f2937;font-size:14px;font-weight:700}.contact-link__chevron{color:#9ca3af;opacity:.6;transition:transform .2s,color .2s}.contact-link:hover .contact-link__chevron{color:#1f2937;opacity:1;transform:translate(4px)}.login-modal__footer{width:100%}.login-modal__btn-primary{color:#fff;cursor:pointer;background:#124827;border:none;border-radius:12px;width:100%;height:48px;font-size:15px;font-weight:750;transition:background .15s,box-shadow .15s,transform .1s}.login-modal__btn-primary:hover{background:#0d3620;transform:translateY(-1px);box-shadow:0 4px 12px #12482733}.login-modal__btn-primary:active{transform:translateY(0)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}