@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
body{font-family:Open Sans,sans-serif;height:100vh;margin:0;overflow-x:hidden;overflow-y:auto;padding:0}.login-container{display:flex;height:100vh}.text-green{color:#008060;font-weight:700}.alert{border:none;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.alert.alert-success{background:rgba(0,128,96,.1);border-left:4px solid #008060;color:#008060}.form-control[readonly]{background-color:#f8f9fa;cursor:not-allowed;opacity:.8}.btn-login i{margin-right:.5rem}.slider-section{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex:0 0 70%;justify-content:flex-start;overflow:hidden;position:relative}.slider-section .swiper{height:100%;width:100%}.slider-section .swiper-slide{align-items:center;display:flex;justify-content:flex-start;position:relative}.slider-bg{background-position:50%;background-size:cover;z-index:1}.slider-bg,.slider-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.slider-overlay{background:linear-gradient(135deg,rgba(0,0,0,.6),rgba(0,0,0,.3));z-index:2}.slider-content{color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;margin-left:0;max-width:600px;padding:3rem 2rem 5rem 4rem;position:relative;text-align:left;z-index:3}.slider-title{color:#fff;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:2rem;text-transform:uppercase}.slider-description{font-size:1.2rem;font-weight:400;line-height:1.7;margin-bottom:2.5rem;max-width:500px;opacity:.9}.slider-description p{margin-bottom:1rem}.slider-description p:last-child{margin-bottom:0}.slider-description ol,.slider-description ul{margin-bottom:1rem;padding-left:1.5rem}.slider-description a{color:#fff;text-decoration:underline}.slider-description a:hover{opacity:.8}.slider-cta{background:#fff;border:none;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#1a1a2e;display:inline-block;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:16px 32px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.slider-cta:hover{background:#f8f9fa;box-shadow:0 8px 20px rgba(0,0,0,.25);color:#1a1a2e;transform:translateY(-3px)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.swiper-pagination-bullet{background:hsla(0,0%,100%,.4);border-radius:2px;height:3px;margin:0;opacity:1;transition:all .3s ease;width:50px}.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#008060;transform:scaleY(1.5)}.swiper-pagination{bottom:2rem;display:flex;gap:12px;justify-content:flex-start;left:0;position:absolute;width:100%;z-index:4}.login-section{background:#fff;display:flex;flex:0 0 30%;flex-direction:column;justify-content:center;padding:2rem;position:relative}.checkbox{margin-bottom:1rem}.checkbox,.checkbox label{align-items:center;display:flex}.checkbox label{color:#666;cursor:pointer;font-size:.9rem;margin:0}.checkbox label input[type=checkbox]{accent-color:#008060;height:16px;margin-right:8px;width:16px}.login-form{margin:0 auto;max-width:350px;width:100%}.login-logo{margin-bottom:2rem;text-align:center}.login-logo img{max-height:50px}.form-group{margin-bottom:1.5rem}.form-label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.form-control{background:#f8f9fa;border:2px solid #e1e5e9;font-size:1rem;padding:12px 16px;position:relative;transition:all .3s ease;width:100%;z-index:1}.form-control:focus{background:#fff;border-color:#008060;box-shadow:0 0 0 3px rgba(0,128,96,.1);outline:none}.form-control.is-invalid{border-color:#dc3545}.input-group{position:relative}.input-icon{color:#666;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:10}.form-control.with-icon{padding-left:40px}.password-toggle{background:none;border:none;color:#666;cursor:pointer;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:10}.password-toggle:hover{color:#333}.btn-login{background:#008060;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:12px;transition:all .4s cubic-bezier(.55,.22,.36,.9);width:100%}.btn-login:hover{background:#005741;transform:translateY(-1px)}.forgot-password{margin-bottom:2rem;text-align:center}.forgot-password a{align-items:center;color:#666;display:flex;font-size:.9rem;justify-content:center;text-decoration:none;transition:all .4s cubic-bezier(.55,.22,.36,.9)}.forgot-password a:hover{color:#008060}.forgot-password a i{margin-right:.5rem}.login-footer{bottom:1rem;color:#999;font-size:.8rem;line-height:1.4;position:absolute;right:1rem;text-align:right}.login-footer a{color:#008060;text-decoration:none}.login-footer a:hover{text-decoration:underline}.invalid-feedback{color:#dc3545;display:block;font-size:.875rem;margin-top:.25rem;width:100%}@media (max-width:1200px){.slider-section{display:none}.login-section{flex:1;width:100%}}@media (max-width:992px){.login-container{flex-direction:column}.slider-section{display:none}.login-section{flex:1;width:100%}.slider-title{font-size:2.5rem}.slider-content{padding:2rem 1rem 4rem 2rem}.swiper-pagination{left:0}}