html,body{margin:0;padding:0;height:100%;overflow:auto}.slides{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2}.slides .slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;animation:fadeRandom 30s infinite;animation-delay:calc(var(--i) * 10s)}@keyframes fadeRandom{0%,40%,to{opacity:0}10%,30%{opacity:1}}.login-page{position:relative;z-index:1;background:transparent}.info-section{display:flex;gap:1rem;padding:2rem;box-sizing:border-box}@media (max-width: 767px){.info-section{flex-direction:column-reverse;padding:1rem}}.slider-group{display:flex;flex-direction:column;flex:0 0 65%;max-width:65%}@media (max-width: 767px){.slider-group{flex:0 0 100%;max-width:100%}}.slider-container{position:relative;border-radius:1rem;overflow:hidden;height:clamp(180px,28vw,380px);box-shadow:0 0 20px #0096ff99;background:#0b2b3f}.slides-wrapper{display:flex;height:100%;transition:transform .5s ease-in-out}.inner-slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0b2b3f}.inner-slide img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:1rem;display:block}.slider-arrows button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.35);color:#fff;border:none;padding:.6rem;border-radius:9999px;cursor:pointer;font-size:1.25rem;line-height:1;transition:background .2s,transform .15s ease;outline:none}.slider-arrows button:hover{background:rgba(0,0,0,.55)}.slider-arrows button:active{transform:translateY(-50%) scale(.98)}.slider-prev{left:10px}.slider-next{right:10px}@media (max-width: 767px){.slider-container{height:clamp(150px,42vw,240px);margin-bottom:1rem}.slider-arrows button{padding:.5rem;font-size:1.1rem}}.extra-image-container{background-color:#ffffff80;border-radius:1rem;box-shadow:0 4px 12px #0000001a;overflow:hidden;margin-top:1rem;width:100%}.extra-image-container .extra-image{display:block;object-fit:cover;height:180px;max-width:80%;margin:0 auto}@media (max-width: 767px){.extra-image-container .extra-image{max-width:100%;width:100%;height:auto}}.password-group{position:relative}.password-group .toggle-password{position:absolute;top:69%;right:1rem;transform:translateY(-50%);cursor:pointer;color:#888;font-size:1.6rem;-webkit-user-select:none;user-select:none;transition:color .2s}.password-group .toggle-password:hover{color:#047fbb}.password-group .form-input{padding-right:2.5rem}.login-card{flex:0 0 32%;max-width:32%;background:rgba(255,255,255,.95);border-radius:1rem;padding:2rem;box-shadow:0 4px 12px #0000001a;box-sizing:border-box}@media (max-width: 767px){.login-card{flex:0 0 100%;max-width:100%;padding:1rem}}.login-card__title{font-size:1.65rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:1rem;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid #ccc;border-radius:2rem;font-size:1rem;box-sizing:border-box;outline:none;transition:border-color .2s}.form-input:focus{border-color:#047fbb}.form-links{margin-bottom:.5rem}.forgot-link{font-size:.875rem;color:#047fbb;text-decoration:none}.forgot-link:hover{text-decoration:underline}.info-note{font-size:.75rem;color:#555;margin-bottom:1.5rem}.login-button,.register-button{display:block;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600;text-align:center;border:none;border-radius:2rem;cursor:pointer;margin-bottom:.75rem;transition:background .3s ease;text-decoration:none;color:#fff}.login-button{background:linear-gradient(90deg,#047FBB,#00AEEF)}.login-button:hover{background:linear-gradient(90deg,#036aa0,#008dcf)}.register-button{background:linear-gradient(90deg,#28a745,#78e08f)}.register-button:hover{background:linear-gradient(90deg,#1e7e34,#5cb85c)}.recover-page{display:flex;justify-content:center;padding:2rem 1rem;background:#f9f9f9}.recover-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 12px #0000001a;max-width:400px;width:100%;box-sizing:border-box}.recover-title{font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:600;color:#047fbb;text-align:center;margin-bottom:1.5rem}.recover-form-group{margin-bottom:1rem}.recover-form-group label{font-weight:500;margin-bottom:.5rem;display:block}.recover-form-group input{width:100%;padding:.75rem 1rem;border:1px solid #ccc;border-radius:2rem;box-sizing:border-box}.recover-submit{display:block;width:100%;padding:.75rem;background:linear-gradient(90deg,#047FBB,#00AEEF);color:#fff;font-weight:600;border:none;border-radius:2rem;text-align:center;margin-top:.5rem;cursor:pointer}.recover-submit:hover{background:linear-gradient(90deg,#036aa0,#008dcf)}.recover-back{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;margin-top:1rem;color:#047fbb;background:transparent;border:1px solid #047FBB;border-radius:2rem;font-weight:600;text-decoration:none;transition:background .3s,color .3s}.recover-back i{font-size:1.2rem}.recover-back:hover{background:#047FBB;color:#fff;text-decoration:none}.recover-alert{text-align:center;margin-bottom:1rem}