:root {
--bg-dark: #050505;
--bg-panel: #141414;
--bg-input: #252525;
--gold: #FF3300;
--neon-blue: #00f2ff;
--text-main: #f0f0f0;
--font-heading: 'Barlow Condensed', sans-serif;
--font-body: 'Montserrat', sans-serif;
}
* { box-sizing: border-box; } 
html { scroll-behavior: smooth; }
body {
background-color: var(--bg-dark);
color: var(--text-main);
font-family: var(--font-body);
margin: 0;
line-height: 1.8;
background: radial-gradient(circle at 50% 50%, #1a1a1a 0%, #050505 80%);
background-size: 200% 200%;
animation: backgroundMove 15s ease infinite;
overflow-x: hidden;
}
@keyframes backgroundMove {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
} h1, h2, h3 { 
font-family: var(--font-heading); 
text-transform: uppercase; 
margin-bottom: 20px;
font-weight: 700;
}
h1 { 
font-size: 4.5rem; 
color: #fff;
text-shadow: 0 0 20px rgba(0, 242, 255, 0.4);
line-height: 1;
}
h2 { 
font-size: 2.8rem; 
color: var(--gold);
display: inline-block;
position: relative;
padding-bottom: 10px;
}
h2::after {
content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 4px;
background: var(--neon-blue); box-shadow: 0 0 10px var(--neon-blue);
}
a { text-decoration: none; color: inherit; transition: 0.3s; }
img { max-width: 100%; height: auto; display: block; } .container { max-width: 1300px; margin: 0 auto; padding: 0 20px; }
section { padding: 100px 0; }
.about-grid, .agenda-wrapper, .contact-wrapper, .services-grid {
background: var(--bg-panel);
padding: 50px;
border-radius: 16px;
border: 1px solid #222;
box-shadow: 0 0 40px rgba(0,0,0,0.8);
position: relative;
z-index: 2;
} .btn-book, input[type="submit"] {
background: var(--gold);
color: #000 !important;
padding: 16px 45px;
font-family: var(--font-heading);
font-weight: 800;
font-size: 1.2rem;
text-transform: uppercase;
border: none;
cursor: pointer;
transition: 0.4s;
border-radius: 50px;
box-shadow: 0 0 15px rgba(255, 215, 0, 0.4);
position: relative; overflow: hidden;
display: inline-block;
}
.btn-book:hover, input[type="submit"]:hover {
transform: scale(1.05);
background: #fff;
box-shadow: 0 0 30px rgba(255, 215, 0, 0.8);
} .main-nav {
position: fixed; top: 0; left: 0; width: 100%; z-index: 999;
background: rgba(5, 5, 5, 0.9);
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(255, 215, 0, 0.2);
padding: 10px 0;
}
.flex-nav { display: flex; justify-content: space-between; align-items: center; }
.logo img { height: 50px; } .menu-links {
display: flex; 
align-items: center; }
.menu-links a {
margin-left: 30px; 
font-weight: 600; 
font-size: 1rem; 
text-transform: uppercase; 
color: #fff; line-height: 1; 
}
.menu-links a:hover { color: var(--gold); text-shadow: 0 0 10px var(--gold); } .menu-links .btn-book { margin-left: 30px; 
padding: 12px 28px;
font-size: 0.95rem;
box-shadow: none;
border: 1px solid var(--gold); display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.menu-links .btn-book:hover {
background: #fff;
color: #000;
box-shadow: 0 0 15px rgba(255,215,0,0.5);
} .hamburger { display: none; cursor: pointer; }
.bar { display: block; width: 25px; height: 3px; background-color: #fff; margin: 5px auto; transition: 0.3s; } .hero-section {
height: 100vh;
background-size: cover; background-position: center;
background-attachment: fixed; 
display: flex; align-items: center; justify-content: center; text-align: center;
position: relative;
}
.hero-overlay {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background: linear-gradient(to bottom, rgba(0,0,0,0.3), var(--bg-dark));
}
.hero-content { position: relative; z-index: 2; padding: 0 15px; } .about-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 60px; align-items: center; }
.about-text { font-size: 1.15rem; color: #ddd; }
.about-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.stat-box {
background: #000; padding: 25px; text-align: center;
border: 1px solid #333; border-radius: 12px;
transition: 0.3s;
}
.stat-box:hover { transform: translateY(-5px); border-color: var(--neon-blue); }
.stat-number { display: block; font-family: var(--font-heading); font-size: 2.5rem; color: var(--gold); }
.stat-label { font-size: 0.85rem; color: #888; text-transform: uppercase; } .services-grid { 
display: grid; gap: 20px; 
grid-template-columns: repeat(4, 1fr); 
background: transparent; box-shadow: none; border: none; padding: 0; 
}
.service-card {
background: var(--bg-panel); border: 1px solid #333;
padding: 40px 20px; text-align: center; transition: 0.4s;
border-radius: 16px; position: relative; overflow: hidden;
}
.service-card:hover { 
transform: translateY(-10px); 
background: #1a1a1a;
border-color: var(--gold);
box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.service-icon { height: 70px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.service-icon i { font-size: 3.5rem; color: #fff; transition: 0.4s ease; }
.service-card:hover .service-icon i { color: var(--gold); transform: scale(1.2) rotate(5deg); text-shadow: 0 0 20px var(--gold); }
.service-card h3 { font-size: 1.4rem; margin-bottom: 10px; color: #fff; } .client-logos {
display: grid; gap: 20px;
grid-template-columns: repeat(4, 1fr);
max-width: 1000px; margin: 0 auto;
}
.client-logos:has(.client-item:nth-child(6)):not(:has(.client-item:nth-child(7))) {
grid-template-columns: repeat(3, 1fr);
}
.client-item {
background-color: #ffffff; width: 100%; height: 120px;
border-radius: 12px; padding: 20px;
display: flex; align-items: center; justify-content: center;
transition: 0.3s;
}
.client-item img { max-width: 100%; max-height: 100%; object-fit: contain; }
.client-item:hover { transform: scale(1.05); box-shadow: 0 0 25px rgba(255, 255, 255, 0.3); } .gallery-grid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
grid-auto-flow: dense; gap: 15px; padding: 20px;
background: transparent; border: none; box-shadow: none;
}
.gallery-item {
display: block; position: relative; overflow: hidden; border-radius: 12px;
}
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.gallery-item:hover img { transform: scale(1.1); filter: brightness(1.2); }
.gallery-overlay {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background: rgba(0,0,0,0.4); opacity: 0; transition: 0.3s;
display: flex; align-items: center; justify-content: center;
}
.gallery-item:hover .gallery-overlay { opacity: 1; }
.gallery-overlay i { font-size: 2rem; color: var(--gold); transform: translateY(20px); transition: 0.3s; }
.gallery-item:hover .gallery-overlay i { transform: translateY(0); } .agenda-wrapper { background: var(--bg-panel); border-radius: 16px; padding: 40px; border: 1px solid #333; }
.event-row {
display: grid; grid-template-columns: 110px 1.5fr 1fr 150px; 
gap: 20px; padding: 20px;
background: #0f0f0f; margin-bottom: 15px; border-radius: 8px; align-items: center;
border-left: 4px solid transparent; transition: 0.3s;
}
.event-row:hover { 
border-left-color: var(--neon-blue); 
background: #181818; 
transform: translateX(10px);
}
.event-date { font-weight: 800; color: var(--gold); font-size: 1.1rem; line-height: 1.2; display: flex; flex-direction: column; }
.event-time { color: var(--neon-blue); text-align: right; font-weight: 700; white-space: nowrap; } .contact-wrapper { display: grid; grid-template-columns: 1.5fr 1fr; gap: 60px; }
.contact-form { grid-column: 1; grid-row: 1; }
.contact-info { grid-column: 2; grid-row: 1; }
.contact-info ul li { font-size: 1.2rem; margin-bottom: 20px; display: flex; align-items: center; gap: 15px; color: #ccc; }
.contact-info ul li i { color: var(--gold); font-size: 1.4rem; width: 30px; }
.social-icon {
display: inline-flex; justify-content: center; align-items: center;
width: 55px; height: 55px; background: #222; border-radius: 50%;
font-size: 1.5rem; color: #fff; transition: 0.3s; border: 1px solid #444;
}
.social-icon:hover { background: var(--gold); color: #000; transform: rotate(360deg); } .wpcf7 input, .wpcf7 select, .wpcf7 textarea {
width: 100%; background: #1a1a1a !important;
border: 2px solid #333 !important; color: #fff !important;
padding: 18px !important; font-size: 1.1rem; border-radius: 8px;
margin-bottom: 20px; transition: 0.3s;
}
.wpcf7 input:focus, .wpcf7 select:focus, .wpcf7 textarea:focus {
border-color: var(--neon-blue) !important; background: #222 !important; outline: none;
} .main-footer { text-align: center; padding: 80px 0 40px; border-top: 1px solid #222; margin-top: 50px; color: #666; } .reveal { opacity: 0; transform: translateY(50px); transition: all 0.8s ease-out; }
.reveal.visible { opacity: 1; transform: translateY(0); } @media (max-width: 768px) {
section { padding: 50px 0; }
.container { padding: 0 15px; } 
.about-grid, .agenda-wrapper, .contact-wrapper, .services-grid { padding: 30px 20px; }
h1 { font-size: 2.8rem; } h2 { font-size: 2rem; }
.hero-section {
background-attachment: scroll !important; 
background-position: center top !important; 
height: 70vh; min-height: 500px; 
} .hamburger { display: block; z-index: 1001; }
.menu-links {
display: flex; position: fixed; left: -100%; top: 0;
flex-direction: column; background-color: var(--bg-dark);
width: 100%; height: 100vh; justify-content: center;
transition: 0.3s; z-index: 1000; text-align: center;
}
.menu-links.active { left: 0; }
.menu-links a { font-size: 1.8rem; margin: 15px 0; display: block; } .menu-links .btn-book { padding: 15px 40px; font-size: 1.2rem; width: 80%; margin: 20px auto 0; }
.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); }
.about-grid { grid-template-columns: 1fr; gap: 30px; }
.about-stats { gap: 10px; }
.contact-wrapper { grid-template-columns: 1fr; display: flex; flex-direction: column-reverse; gap: 40px; }
.services-grid { grid-template-columns: 1fr; gap: 20px; }
.client-logos { grid-template-columns: repeat(2, 1fr) !important; gap: 10px; }
.event-row { grid-template-columns: 1fr; text-align: center; gap: 8px; padding: 15px; }
.event-time { text-align: center; margin-top: 5px; }
.event-date { align-items: center; margin-bottom: 5px; font-size: 1.2rem; }
}  .btn-book, input[type="submit"] { box-shadow: 0 5px 20px rgba(255, 51, 0, 0.3);
}
.btn-book:hover, input[type="submit"]:hover {
background: #fff; box-shadow: 0 0 35px rgba(255, 51, 0, 0.8);
transform: translateY(-3px) scale(1.02);
} .menu-links .btn-book {
box-shadow: none;
background: transparent;
color: #fff !important;
}
.menu-links .btn-book:hover {
background: var(--gold);
box-shadow: 0 0 20px rgba(255, 51, 0, 0.6);
}  .service-card:hover, 
.client-item:hover, 
.gallery-item:hover {
border-color: var(--gold);
box-shadow: 0 10px 40px rgba(255, 51, 0, 0.2); transform: translateY(-5px);
} .service-card:hover .service-icon i {
text-shadow: 0 0 25px rgba(255, 51, 0, 0.8); }