body,html{margin:0;padding:0;font-family:Helvetica Neue,Arial,sans-serif;color:#333;background:#fff}.app-container{display:flex;flex-direction:column;min-height:100vh}a{text-decoration:none;color:inherit}header{background:#000;color:#fff;padding:15px 20px}header .header-container{display:flex;justify-content:space-between;align-items:center}header .logo img{height:50px}header .nav-menu ul{list-style:none;display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;margin:0;padding:0}header .nav-menu ul li a{color:#fff;font-weight:500;transition:color .3s}header .nav-menu ul li a:hover{color:#f4b41a}.hero-container{position:relative;width:100%;height:40vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}.hero-container img{width:100%;height:100%;object-fit:cover;opacity:.5}.hero-text{position:absolute;text-align:center;color:#fff}.hero-text h1{font-size:2.5em;margin:0;text-transform:uppercase;letter-spacing:2px}.hero-text p{font-size:1em;margin-top:10px;color:#ccc}.content-section{max-width:800px;width:80%;margin:40px auto;padding:2rem 20px;text-align:center}.content-section h1,.content-section h2{margin-bottom:20px}.content-section ul{text-align:left;margin:20px auto;line-height:1.8}.row{display:flex;align-items:center;margin-bottom:3rem}.row img{width:300px;height:auto;margin-right:2rem;border-radius:8px}.row.reverse{flex-direction:row-reverse}.row.reverse img{margin-right:0;margin-left:2rem}.text-container{max-width:500px}footer{background:#000;color:#fff;text-align:center;padding:20px;margin-top:auto}footer .social-links a{color:#fff;margin:0 10px;font-weight:500}footer .social-links a:hover{color:#f4b41a}@media (max-width:768px){header .header-container{flex-direction:row;flex-wrap:wrap}header .nav-menu ul{justify-content:center}.hero-container{height:35vh}.hero-text h1{font-size:2em}.hero-text p{font-size:.9em}.row,.row.reverse{flex-direction:column;margin-bottom:2rem}.row.reverse img,.row img{margin:0 0 1rem}.row.reverse img{margin-left:0}}@media (max-width:480px){header{padding:10px}header .logo img{height:40px}header .nav-menu ul{grid-gap:10px;gap:10px}.hero-text h1{font-size:1.5em}.hero-text p{font-size:.8em}footer{font-size:.9em}}
/*# sourceMappingURL=main.92cad7ba.chunk.css.map */