:root{--primary-color: #f9a826;--secondary-color: #1e1e1e;--dark-color: #ffffff;--light-color: #121212;--text-color: #e0e0e0;--font-family: "Poppins", sans-serif;--border-radius: 8px;--box-shadow: 0 4px 12px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--text-color);line-height:1.6;background-color:var(--light-color)}.container{max-width:1100px;margin:0 auto;padding:0 20px}h1,h2,h3{color:var(--dark-color);font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:2.8rem}h2{font-size:2.2rem}p{margin-bottom:1rem}a{text-decoration:none;color:var(--primary-color)}.btn{display:inline-block;padding:12px 28px;border-radius:50px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-primary{background-color:var(--primary-color);color:#121212}.btn-primary:hover{background-color:#e89a20;transform:translateY(-2px)}section{padding:80px 0}.header{position:fixed;top:0;left:0;width:100%;padding:20px 0;background-color:var(--secondary-color);z-index:1000;transition:box-shadow .3s ease,padding .3s ease}.header.scrolled{box-shadow:var(--box-shadow);padding:15px 0}.navbar{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--dark-color);cursor:pointer}.nav-links{list-style:none;display:flex}.nav-links li{margin-left:30px}.nav-links a{color:var(--text-color);font-weight:600;transition:color .3s ease;cursor:pointer}.nav-links a:hover{color:var(--primary-color)}.hamburger{display:none;cursor:pointer;z-index:1001}.hamburger .bar{display:block;width:25px;height:3px;margin:5px auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:var(--text-color)}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--dark-color);background-image:url(https://i.imgur.com/K9SIyI2.jpeg);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}.hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:-1}.hero-content h1{color:var(--dark-color);margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,.8)}.hero-content p{font-size:1.4rem;max-width:600px;margin:0 auto 2rem;text-shadow:1px 1px 6px rgba(0,0,0,.8)}#services{background-color:var(--secondary-color)}.section-title{text-align:center;margin-bottom:60px}.section-title p{color:var(--primary-color);font-weight:600;text-transform:uppercase;font-size:.9rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.service-card{background:var(--secondary-color);padding:40px 30px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{transform:translateY(-10px);box-shadow:0 8px 20px #0009}.service-card .icon{font-size:3rem;color:var(--primary-color);margin-bottom:1.5rem}.cta-section{background-color:var(--light-color);text-align:center}.cta-text{max-width:600px;margin:0 auto 2rem}#contact{position:relative;z-index:1;overflow:hidden;background-color:transparent}.video-background-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none;background-image:url(https://i.imgur.com/8X5f8YJ.jpeg);background-size:cover;background-position:center}@keyframes fadeInAndLoop{0%{opacity:0}3%{opacity:1}97%{opacity:1}to{opacity:0}}.video-background-wrapper iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-width:177.77vh;min-height:100vh;transform:translate(-50%,-50%);opacity:0;animation:fadeInAndLoop 33s infinite}#contact:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#121212d9;z-index:-1}#contact .container{position:relative;z-index:2}#contact h2,#contact p{color:var(--dark-color)}.footer{background-color:var(--secondary-color);color:#adb5bd;padding:60px 0 20px;text-align:center}.footer-content{margin-bottom:20px}.footer h3{color:var(--dark-color);margin-bottom:1.5rem}.footer p{max-width:500px;margin:0 auto 1.5rem}.footer-links{margin:1.5rem 0 1rem}.footer-links a{color:#adb5bd;margin:0 10px;cursor:pointer;transition:color .3s ease}.footer-links a:hover{color:var(--primary-color)}.footer-social a{display:inline-block;color:#adb5bd;margin:0 10px;transition:color .3s ease,transform .3s ease}.footer-social a:hover{color:var(--primary-color);transform:scale(1.1)}.footer-social svg{width:28px;height:28px}.footer-copyright{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;font-size:.9rem}.page-header{padding:120px 0 60px;background-color:var(--secondary-color);text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:80px 0}.gallery-item{border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;aspect-ratio:1 / 1;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{transform:scale(1.05);box-shadow:0 8px 20px #0009}.gallery-item img{width:100%;height:100%;object-fit:cover}.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:80px 0}.article-card{background:var(--secondary-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;display:flex;flex-direction:column}.article-card img{width:100%;height:200px;object-fit:cover}.article-card-content{padding:25px;flex-grow:1;display:flex;flex-direction:column}.article-card-content h3{font-size:1.2rem}.article-card-content p{flex-grow:1}.article-card-content a{font-weight:600;cursor:pointer}.article-detail-page{padding:120px 0 60px;background-color:var(--light-color)}.article-container{background:var(--secondary-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:40px;max-width:850px;margin:0 auto;text-align:left}.article-detail-header{margin-bottom:2rem}.article-container h1{font-size:2.6rem;line-height:1.3}.article-meta{font-size:.9rem;color:#adb5bd;margin-top:.5rem}.article-banner-image{width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:var(--border-radius);margin-bottom:2.5rem}.article-content{white-space:pre-wrap;font-size:1.1rem;line-height:1.8}.back-link{display:inline-block;margin-bottom:2rem;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:50px;transition:all .3s ease;background-color:var(--secondary-color);box-shadow:var(--box-shadow)}.back-link:hover{background-color:var(--primary-color);color:var(--secondary-color);transform:translateY(-2px)}.sitemap-container{padding:80px 0;display:grid;grid-template-columns:1fr;gap:40px}.sitemap-section h2{font-size:1.8rem;color:var(--primary-color);border-bottom:2px solid var(--primary-color);padding-bottom:10px;margin-bottom:20px}.sitemap-list{list-style:none;padding-left:0}.sitemap-list li{margin-bottom:10px}.sitemap-list a{font-size:1.1rem;color:var(--text-color);text-decoration:none;cursor:pointer;transition:color .3s ease}.sitemap-list a:hover{color:var(--primary-color)}.sitemap-generator-container{padding:40px 0 80px;margin-top:-80px}.sitemap-generator-container p code{background-color:#ffffff1a;padding:3px 6px;border-radius:4px;font-family:Courier New,Courier,monospace}.xml-viewer-container{position:relative;margin-top:20px}.sitemap-textarea{width:100%;height:400px;background-color:#0c0c0c;color:#ccc;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius);padding:20px;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5;resize:vertical}.copy-btn{position:absolute;top:15px;right:15px;padding:8px 16px;font-size:.9rem}@media(max-width:768px){h1{font-size:2.2rem}.hero-content h1{font-size:2.5rem}h2{font-size:1.8rem}.nav-links{position:fixed;left:-100%;top:0;flex-direction:column;background-color:var(--secondary-color);width:100%;height:100vh;text-align:center;transition:left .3s ease-in-out;justify-content:center;gap:30px}.nav-links.open{left:0}.nav-links li{margin:0}.nav-links a{font-size:1.5rem}.hamburger{display:block}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.article-container h1{font-size:2rem}.article-container{padding:25px}}@media(min-width:768px){.sitemap-container{grid-template-columns:1fr 2fr;gap:60px}}
