<meta name='viewport' content='width=device-width, initial-scale=1'/><style>/* Reset & Font */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Poppins',sans-serif; line-height:1.6; color:#333; background:#fdfdfd; }

/* Container */
.container { width:90%; max-width:1100px; margin:auto; }

/* Header */
header { background:#fff; padding:15px 0; box-shadow:0 2px 5px rgba(0,0,0,0.1); position:sticky; top:0; z-index:100; display:flex; justify-content:space-between; align-items:center; }
header .logo { height:50px; }
header nav a { margin-left:20px; text-decoration:none; color:#007bff; font-weight:600; }
header nav a:hover { color:#0056b3; }

/* Hero Section */
#hero { background: linear-gradient(135deg,#6a11cb,#2575fc); color:#fff; text-align:center; padding:120px 20px 80px; overflow:hidden; }
#hero h1 span { color:#ffdd59; }
#hero p { font-size:18px; margin:15px 0 25px; }
#hero .btn { background:#ffdd59; color:#222; padding:12px 30px; border-radius:25px; font-weight:600; text-decoration:none; transition:0.3s; }
#hero .btn:hover { background:#ffc107; }

/* Hero Text Animation */
.hero-text { opacity:0; transform:translateY(-20px); animation:fadeInUp 1s forwards; }
.hero-subtext { opacity:0; transform:translateY(-20px); animation:fadeInUp 1.5s forwards; }
@keyframes fadeInUp { to { opacity:1; transform:translateY(0); } }

/* Sections */
section { padding:60px 0; }
section h2 { text-align:center; margin-bottom:25px; color:#222; }

/* Events Slider */
.events-slider { display:flex; overflow:hidden; scroll-behavior:smooth; gap:20px; }
.event-card { background:#f9f9f9; border-radius:10px; padding:20px; width:280px; flex-shrink:0; box-shadow:0 4px 15px rgba(0,0,0,0.1); transition:0.3s; }
.event-card:hover { transform:translateY(-5px); }
.prev-btn, .next-btn { background:#007bff; color:#fff; border:none; border-radius:50%; padding:10px; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); font-size:20px; }
.prev-btn { left:10px; }
.next-btn { right:10px; }
.prev-btn:hover, .next-btn:hover { background:#0056b3; }

/* Founders Grid */
.team-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:30px; margin-top:30px; }
.team-member { background:#fff; padding:20px; border-radius:15px; width:220px; text-align:center; box-shadow:0 4px 15px rgba(0,0,0,0.1); transition:0.3s; }
.team-member:hover { transform:translateY(-5px); }
.team-member img { width:120px; height:120px; border-radius:50%; border:3px solid #007bff; object-fit:cover; }
.team-member h3 { margin:15px 0 5px; }
.team-member .role { font-weight:600; color:#007bff; }
.team-member p { font-size:14px; margin-top:10px; }

/* Contact Form */
#contact form { max-width:500px; margin:auto; display:flex; flex-direction:column; gap:15px; }
#contact input, #contact textarea { padding:12px; border-radius:8px; border:1px solid #ccc; font-size:16px; }
#contact button { padding:12px; border-radius:25px; border:none; background:#007bff; color:#fff; font-weight:600; cursor:pointer; transition:0.3s; }
#contact button:hover { background:#0056b3; }

/* Responsive */
@media(max-width:768px){
  .events-slider, .team-grid { flex-direction:column; align-items:center; }
  header nav { text-align:center; margin-top:10px; }
}</style>