/* =========================
   RESET + BASE
========================= */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#0b1220;color:#fff;line-height:1.65;font-family:Segoe UI,Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%} /* global */

/* =========================
   LAYOUT HELPERS
========================= */
.container{max-width:1200px;margin:0 auto}
section{padding:90px 20px}
h2{font-size:2.4rem;margin-bottom:18px;text-align:center}
.subtitle{max-width:920px;margin:0 auto 40px;text-align:center;color:#cbd5e1;font-size:1.05rem}

/* =========================
   HEADER / NAV
========================= */
.topbar{
  position:sticky;top:0;z-index:50;
  background:rgba(11,18,32,.72);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.nav{
  max-width:1200px;margin:0 auto;padding:14px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.brand{display:flex;align-items:center;gap:12px;min-width:220px}
.brand strong{font-weight:900;letter-spacing:.2px}

/* ✅ FIX LOGO SIZE (override global img max-width:100%) */
.logo-img{
  height:64px;          /* change here */
  width:auto;
  max-width:none;       /* ✅ important */
  max-height:none;
  flex-shrink:0;
}
@media(max-width:720px){
  .logo-img{height:52px}
}

.menu{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.menu a{
  font-weight:800;color:#e2e8f0;
  padding:10px 12px;border-radius:999px;
}
.menu a:hover{background:rgba(255,255,255,.08)}
.menu .btn{background:#f75b57;color:#0b1220}
.menu .btn:hover{background:#ff8c42}

/* =========================
   HERO
========================= */
.hero{
  background:linear-gradient(135deg,#f75b57,#ff8c42);
  padding:80px 20px 70px;text-align:center;
}
.hero h1{font-size:3.2rem;margin-bottom:12px;font-weight:900}
.hero p{font-size:1.2rem;max-width:920px;margin:0 auto 18px}
.hero-kicker{display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px}
.pill{
  background:rgba(11,18,32,.18);
  border:1px solid rgba(255,255,255,.35);
  padding:10px 14px;border-radius:999px;font-weight:900;
}

/* =========================
   VALUE GRID
========================= */
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.value-box{
  background:#020617;border:1px solid rgba(255,255,255,.12);
  border-radius:22px;padding:28px;
}
.value-box h3{font-size:1.25rem;margin-bottom:10px}
.value-box p{color:#cbd5e1}

/* =========================
   PANELS / TWO COL
========================= */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.panel{
  background:#020617;border:1px solid rgba(255,255,255,.10);
  border-radius:22px;padding:22px;
}
.panel h3{font-size:1.25rem;margin-bottom:10px}
.panel-text{color:#cbd5e1}
.list{margin-top:10px;color:#cbd5e1}
.list li{margin:10px 0 0 18px}

/* =========================
   SPEAKERS
========================= */
.speakers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.card{
  background:#020617;border-radius:20px;overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
}
.photo{height:200px;background:#111827}
.photo img{width:100%;height:100%;object-fit:cover}
.info{padding:16px}
.info h3{font-size:1.1rem;margin-bottom:6px}
.info .role{color:#e2e8f0;font-size:.95rem}
.info .company{color:#94a3b8;font-size:.9rem}

/* =========================
   PRICING
========================= */
.special-offer{
  text-align:center;margin:-10px auto 26px;
  color:#fecaca;font-weight:900;
}
.special-offer span{
  display:inline-block;padding:10px 14px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(247,91,87,.12);
}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.price-card{
  background:#020617;border:1px solid rgba(255,255,255,.10);
  border-radius:22px;padding:22px;text-align:center;
  transition:.2s ease;
}
.price-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.18)}
.price-card.featured{
  border-color:rgba(247,91,87,.55);
  box-shadow:0 0 0 1px rgba(247,91,87,.20) inset;
}
.price-badge{
  display:inline-block;padding:8px 12px;border-radius:999px;
  font-weight:900;letter-spacing:.2px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  color:#e2e8f0;margin-bottom:14px;
}
.price-card.featured .price-badge{
  background:rgba(247,91,87,.15);
  border-color:rgba(247,91,87,.45);
}
.price{
  font-size:2.4rem;font-weight:900;margin:6px 0 10px;
  background:linear-gradient(135deg,#f75b57,#ff8c42);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.price small{font-size:1rem;color:#cbd5e1;font-weight:800}
.price-note{color:#94a3b8;font-size:.95rem;margin-bottom:14px}
.price-list{list-style:none;padding:0;margin:14px 0 0;color:#cbd5e1}
.price-list li{padding:9px 0;border-top:1px solid rgba(255,255,255,.08)}
.price-cta{margin-top:16px}
.price-cta a{
  display:block;width:100%;
  padding:12px 14px;border-radius:14px;
  font-weight:900;background:#f75b57;color:#0b1220;
}
.price-cta a:hover{background:#ff8c42}

/* =========================
   FORMS
========================= */
.register{max-width:820px;margin:0 auto;text-align:center}
.form{
  background:#020617;border:1px solid rgba(255,255,255,.10);
  border-radius:22px;padding:18px;
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form input,.form textarea{
  width:100%;padding:15px;border-radius:14px;border:none;
  background:#1e293b;color:#fff;margin-bottom:16px;
}
.form textarea{min-height:130px;resize:vertical}
.form button{
  width:100%;padding:16px;background:#f75b57;border:none;
  border-radius:14px;font-weight:900;color:#0b1220;
  font-size:1.05rem;cursor:pointer;
}
.form button:hover{background:#ff8c42}
.small{font-size:.92rem;color:#94a3b8;max-width:820px;margin:10px auto 0}

/* honeypot hidden */
.hp{display:none !important}

/* =========================
   FOOTER
========================= */
footer{
  padding:40px 20px;text-align:center;
  color:#94a3b8;border-top:1px solid rgba(255,255,255,.08);
}

/* =========================
   RESPONSIVE
========================= */
@media(max-width:1100px){
  .value-grid{grid-template-columns:1fr}
  .speakers-grid{grid-template-columns:repeat(2,1fr)}
  .two-col{grid-template-columns:1fr}
  .pricing-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .hero h1{font-size:2.3rem}
  .menu{display:none}
}
@media(max-width:520px){
  .speakers-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .pricing-grid{grid-template-columns:1fr}
}