:root{--purple:var(--p);--purple-dark:var(--p-dark);--purple-light:var(--p-light);--purple-mid:var(--p-mid);--violet:#8B5CF6;--white:#FFF;--bg:#f2f2f2;--text:#111827;--muted:#6B7280;--border:#E5E7EB;--card:#FFF;--star:#F59E0B;--green:#10B981}
.banner-box{background:linear-gradient(135deg,var(--p-dark) 0%,var(--p) 50%,#8B5CF6 100%);color:#fff;padding:80px 0;text-align:center}
.banner-box h1{font-size:42px;margin-bottom:15px}
.banner-box p{font-size:18px;opacity:.95}
.section{padding:70px 0}
.section .container{max-width:1280px;margin:0 auto}
.section-title{text-align:center;margin-bottom:40px}
.section-title h2{font-size:32px;margin-bottom:10px}
.section-title p{color:#64748b}
.who-we-are-section{background:var(--bg);}
.who-we-are-section .about-text{text-align:center;line-height:1.8;color:var(--muted)}
.what-we-offer-section{background:#fff}
.what-we-offer-section .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.what-we-offer-section .card{padding:30px;background:var(--white);border:1.5px solid var(--border);border-radius:16px;transition:border-color .2s;box-shadow:0 10px 25px #0000000d;transition:.3s}
.what-we-offer-section .card h3{margin-bottom:15px;color:var(--p)}
.what-we-offer-section .card p{color:var(--muted);line-height:1.5}
.what-we-offer-section .card:hover{border-color:var(--purple)}
.our-mission-vision-section{background:var(--bg);}
.our-mission-vision-section .mission-vision{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}
.our-mission-vision-section .card{padding:30px;background:var(--white);border:1.5px solid var(--border);border-radius:16px;transition:border-color .2s;box-shadow:0 10px 25px #0000000d;transition:.3s}
.our-mission-vision-section .card h3{margin-bottom:15px;color:var(--p)}
.our-mission-vision-section .card p{color:var(--muted);line-height:1.5}
.our-mission-vision-section .card:hover{border-color:var(--purple)}
.smart-event-creation-section{background:#fff}
.smart-event-creation-section .section-title{margin-bottom:15px;text-align:left}
.smart-event-creation-section p{color:var(--muted);line-height:1.5}
.feature-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.feature-hero img{width:100%;border-radius:14px;box-shadow:0 10px 25px #0000000f}
@media (max-width:1024px) {
.section{padding:70px 5%;}
}
@media (max-width:768px) {
.feature-hero{grid-template-columns:1fr}
.what-we-offer-section .grid{grid-template-columns:repeat(2, 1fr);}
.our-mission-vision-section .mission-vision{grid-template-columns:1fr;}
}

@media (max-width:540px) {
.section{padding: 60px 4%;}
.what-we-offer-section .grid{grid-template-columns:1fr;gap:15px;}
.our-mission-vision-section .mission-vision{gap:15px;}
}