*{box-sizing:border-box;font-family:Barlow,sans-serif;margin:0;padding:0}body{background:#f5f5f5;color:#333}a{color:#299563;text-decoration:none}a:hover{color:#1f744b}.header{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1);justify-content:space-between;padding:20px 50px;position:sticky;top:0;z-index:100}.header,.logo{align-items:center;display:flex}.logo{color:#299563;font-size:1.5rem;font-weight:700}.logo img{height:auto;margin-right:15px;width:50px}.contact{color:#555;display:flex;font-size:.95rem;gap:25px}.contact i{color:#299563;margin-right:8px}@keyframes backgroundMove{0%{background-position:top}50%{background-position:bottom}to{background-position:top}}.hero{align-items:center;animation:backgroundMove 30s linear infinite;background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),url(914cbd3f81635fa68fb6.jpg) 50%/cover no-repeat;color:#fff;display:flex;flex-wrap:wrap;justify-content:center;min-height:80vh;padding:50px 20px}.hero-text{backdrop-filter:blur(8px);background:hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.2);max-width:450px;padding:40px 30px}.hero-text h1{color:#299563;font-size:2.5rem;margin-bottom:15px}.hero-text h2{font-size:1.5rem;margin-bottom:20px}.hero-text p{line-height:1.5;margin-bottom:25px}#login-form{display:flex;flex-direction:column}#login-form label{font-weight:600;margin-bottom:5px}#login-form input[type=password],#login-form input[type=text]{border:none;border-radius:8px;font-size:1rem;margin-bottom:15px;outline:none;padding:12px 15px}#login-form input[type=submit]{background:#299563;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px;transition:all .3s ease}#login-form input[type=submit]:hover{background:#1f744b}.error{border-radius:5px;margin-bottom:15px}.hero-links{font-size:.95rem;margin-top:15px}.hero-links a{background:rgba(0,0,0,.25);border-radius:6px;color:#fff;display:inline-block;margin-top:5px;padding:8px 12px;transition:all .3s}.hero-links a:hover{background:#299563;color:#fff}@media(max-width:900px){.hero{flex-direction:column;min-height:auto}.hero-text{margin-bottom:30px}.header{align-items:flex-start;flex-direction:column;gap:15px}.contact{flex-wrap:wrap}}