:root{
  --brand:#ffd540;
  --bg:#0b0c14;
  --ink:#111;
  --ink-2:#2f2f2f;
  --muted:#646464;
  --panel:#1d201f;
  --panel-2:#06071a;
  --white:#fff;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Montserrat, system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  color:var(--ink);
  line-height:1.5;
  background:#fff;
}

/* Utilities */
.container{width:min(1200px, 100% - 32px); margin-inline:auto}
.eyebrow{font-size:.95rem;color:var(--ink);opacity:.75;margin:0}
.section{padding:72px 0}
.section.dark{background:linear-gradient(180deg, #000, rgba(0,0,0,.9)); color:#fff}
.section .section-head{ text-align:center; margin-bottom:28px }
.section .section-head h2{ font-size:2rem; margin:0 0 8px }
.section .section-head p{ color:#cbd5e1; margin:0 }
.subtitle{color:#2f2f2f}

/* Header */
.site-header{
  position:sticky; top:0; z-index:50;
  background:var(--brand);
  border-bottom:1px solid rgba(0,0,0,.08);
}
.header-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 0;
}
.brand img{ height:40px; width:auto; display:block }
.nav{ display:flex; gap:30px; align-items:center }
.nav a{ color:#000; text-decoration:none; font-size:1rem }
.btn{ display:inline-block; padding:.75rem 1.2rem; border-radius:999px; text-align:center; text-decoration:none }
.btn-outline{ border:1px solid #000; color:#000 }
.btn-ghost{ border:1px solid rgba(255,215,0,.3); color:#fff }
.btn-block{ display:block; width:240px; margin-inline:auto; border:1px solid rgba(255,255,255,.3); color:#fff }

/* Mobile nav */
.nav-toggle{ display:none; background:none; border:0; padding:8px; cursor:pointer }
.nav-toggle span{ display:block; width:24px; height:2px; background:#000; margin:5px 0 }
@media (max-width: 960px){
  .nav{ position:fixed; inset:64px 0 auto 0; background:var(--brand); flex-direction:column; padding:16px; display:none }
  .nav.open{ display:flex }
  .nav-toggle{ display:inline-block }
}

/* Hero */
.hero{ position:relative; height:72vh; min-height:520px }
.hero-media{
  position:absolute; inset:0;
  background-image:
    linear-gradient(180deg, rgba(255,213,64,1) 0%, rgba(255,213,64,0) 50%),
    linear-gradient(180deg, rgba(255,213,64,0) 0%, rgba(255,213,64,.79) 100%),
    url('https://www.figma.com/api/mcp/asset/53f55b50-f745-42a9-858d-17b93ee8df81');
  background-size:cover; background-position:center;
  filter:saturate(1.05);
}
.hero-content{ position:relative; height:100%; display:grid; place-items:center }
.hero-mark{ width:min(90%, 760px) }

/* Cards (Upcoming) */
.card-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; margin-top:32px;
}
@media (max-width: 960px){ .card-grid{ grid-template-columns:1fr; } }
.card{
  border:1px solid var(--brand);
  background:rgba(0,0,0,.6);
  border-radius:16px; overflow:hidden; backdrop-filter: blur(5px);
}
.card-media{ position:relative; height:270px; overflow:hidden }
.card-media::before{
  content:""; position:absolute; inset:0;
  background-image:var(--img);
  background-size:cover; background-position:center;
  opacity:.35;
}
.card-media img{ position:absolute; inset:0; width:100%; height:270px; object-fit:cover }
.card-body{ padding:20px }
.card h3{ margin:0 0 6px; color:#fff; font-size:1.25rem }
.card p{ color:#cbd5e1; margin:0 0 10px }
.card .date{ color:gold; font-weight:700; margin-top:6px }
.card .btn{ margin-top:10px }

.cta-wrap{ margin-top:28px }

/* About */
.about{ display:grid; grid-template-columns: 1.2fr 1fr; gap:40px; align-items:center }
@media (max-width: 960px){ .about{ grid-template-columns:1fr; } }
.about-media{ position:relative; min-height:360px }
.polaroid{ margin:0; padding:0; border-radius:15px; overflow:hidden; box-shadow:0 20px 40px rgba(0,0,0,.15) }
.polaroid img{ width:100%; height:100%; object-fit:cover; display:block }
.polaroid.main{ position:absolute; inset:0 }
.polaroid.side{ position:absolute; width:40%; height:50%; right:-10px; bottom:-10px; border:7px solid #fff }
.about-copy h2{ font-size:2rem; margin:.25rem 0 .75rem }
.about-copy p{ color:var(--ink-2) }

/* Features */
.features{ background:#fff }
.features-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:24px }
@media (max-width: 960px){ .features-grid{ grid-template-columns:1fr; } }
.feature{ background:#fff; border-radius:15px; padding:16px; box-shadow: 10px 10px 40px rgba(0,0,0,.15) }
.icon-badge{ width:93px; height:93px; background:var(--brand);
    background: #FFD540;
    border-radius: 0 100px 100px 100px; opacity: 1;
    outline:10px solid rgba(255, 213, 64, 0.2);
    margin:16px 10px 22px 10px;
    display: flex;
    align-items: center;
    justify-content: center;}

/* Speakers */
.speakers-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px }
@media (max-width: 960px){ .speakers-grid{ grid-template-columns:1fr } }
.speaker{ display:grid; grid-template-columns:173px 1fr; border:1px dashed var(--brand); border-radius:10px; overflow:hidden; background:linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,213,64,0.25)); }
.speaker img{ width:173px; height:224px; object-fit:cover }
.sp-body{ padding:18px }
.sp-body h3{ margin:6px 0 8px; color:#fff; font-size:1.6rem }
.sp-body ul{ margin:0; padding-left:18px; color:#e5e7eb }

/* Testimonials */
.t-wrap{ display:grid; place-items:center; text-align:center }
.t-head h2{ margin:6px 0 18px }
.t-card{ max-width:700px }
.t-photo{ width:170px; height:172px; object-fit:cover; border-radius:50%;}
.stars{ letter-spacing:3px; font-size:1.1rem; color:#111 }
blockquote{ font-size:1.6rem; color:#3c3a3a; margin:12px auto 0 }

/* Footer */
.site-footer{ background:var(--panel-2); color:#cbd5e1; padding:64px 0 16px }
.footer-inner{ display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:24px }
@media (max-width: 960px){ .footer-inner{ grid-template-columns:1fr } }
.f-brand img{ height:41px; width:auto; display:block }
.f-brand p{ color:#94a3b8; max-width:360px }
.socials{ display:flex; gap:12px; margin-top:8px }
.socials a{ display:grid; place-items:center; width:40px; height:40px; border-radius:999px; background:#161b36; color:#fff; text-decoration:none; font-family:Inter, system-ui, sans-serif }
.f-col h4{ color:#fff; margin:0 0 8px; font-family:Inter, system-ui, sans-serif }
.f-col ul{ list-style:none; padding:0; margin:0; display:grid; gap:8px }
.f-col a{ color:#94a3b8; text-decoration:none }
.f-col a:hover{ color:#fff }
.legal{ display:flex; align-items:center; justify-content:space-between; gap:16px; color:#64748b; border-top:1px solid rgba(255,255,255,.1); margin-top:24px; padding-top:16px }
.legal-links{ display:flex; gap:16px }
.legal a{ color:#64748b; text-decoration:none }