/* Theme Name: EventPro AV
Theme URI: https://example.com/eventpro-av
Author: Your Company
Description: Premium WordPress theme for audiovisual and event production companies
Version: 1.0.0
License: GPL v2 or later
Text Domain: eventpro-av
*/

* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; line-height:1.6; color:#e2e8f0; background:#0f0f23; }
.container { max-width:1200px; margin:0 auto; padding:0 20px; }
.site-header { position:fixed; top:0; left:0; right:0; z-index:1000; background:rgba(15,15,35,0.95); backdrop-filter:blur(10px); border-bottom:1px solid rgba(255,255,255,0.1); transition:all 0.3s; }
.site-header.scrolled { background:rgba(15,15,35,0.98); box-shadow:0 4px 20px rgba(0,0,0,0.3); }
.header-inner { display:flex; justify-content:space-between; align-items:center; padding:1rem 0; }
.site-title { font-size:1.8rem; font-weight:bold; background:linear-gradient(90deg,#9333ea,#6366f1); -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-decoration:none; }
.main-navigation ul { list-style:none; display:flex; gap:2rem; align-items:center; }
.main-navigation a { color:#94a3b8; text-decoration:none; transition:color 0.3s; font-weight:500; }
.main-navigation a:hover { color:#9333ea; }
.nav-cta { background:linear-gradient(90deg,#9333ea,#6366f1); color:white!important; padding:0.5rem 1.5rem; border-radius:8px; }
.hero-section { min-height:100vh; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; background:linear-gradient(135deg,#0f0f23 0%,#1a1a3e 50%,#0f0f23 100%); }
.hero-content { position:relative; z-index:1; text-align:center; max-width:900px; margin:0 auto; padding:2rem; }
.hero-title { font-size:clamp(2.5rem,8vw,5rem); font-weight:bold; margin-bottom:1.5rem; line-height:1.1; }
.gradient-text { background:linear-gradient(90deg,#9333ea,#6366f1,#9333ea); background-size:200% auto; -webkit-background-clip:text; -webkit-text-fill-color:transparent; animation:gradient-shift 3s ease infinite; }
@keyframes gradient-shift { 0%{background-position:0% center;} 50%{background-position:100% center;} 100%{background-position:0% center;} }
.hero-subtitle { font-size:1.5rem; color:#94a3b8; margin-bottom:2rem; font-weight:300; }
.hero-description { font-size:1.1rem; color:#64748b; margin-bottom:3rem; line-height:1.8; }
.hero-buttons { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
.btn { padding:1rem 2.5rem; border-radius:10px; text-decoration:none; font-weight:600; transition:all 0.3s; display:inline-flex; align-items:center; gap:0.5rem; font-size:1.1rem; }
.btn-primary { background:linear-gradient(90deg,#9333ea,#6366f1); color:white; }
.btn-primary:hover { transform:translateY(-3px); box-shadow:0 15px 30px rgba(147,51,234,0.4); }
.btn-secondary { background:rgba(255,255,255,0.1); backdrop-filter:blur(10px); color:white; border:1px solid rgba(255,255,255,0.2); }
.services-section { padding:6rem 0; background:#0a0a1f; }
.section-header { text-align:center; margin-bottom:4rem; }
.section-title { font-size:3rem; margin-bottom:1rem; font-weight:bold; }
.services-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:2rem; }
.service-card { background:linear-gradient(135deg,rgba(147,51,234,0.05),rgba(99,102,241,0.05)); border:1px solid rgba(147,51,234,0.2); border-radius:15px; padding:2rem; transition:all 0.3s; }
.service-card:hover { transform:translateY(-5px); box-shadow:0 20px 40px rgba(147,51,234,0.2); }
.benefits-section { padding:6rem 0; background:linear-gradient(135deg,#0f0f23,#1a1a3e); }
.benefits-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:3rem; margin-top:4rem; }
.cta-section { padding:6rem 0; background:#0a0a1f; }
.site-footer { background:#050510; padding:4rem 0 2rem; border-top:1px solid rgba(147,51,234,0.2); }
@media (max-width:768px) { .hero-title{font-size:2.5rem;} .services-grid,.benefits-grid{grid-template-columns:1fr;} }