:root{
    --ink:#111022;          /* header/hero pure black, matches original */
    --ink-2:#111111;
    --gold:#f6c343;         /* primary gold - flat, matches original buttons */
    --gold-deep:#d9a520;    /* darker gold for hover / borders */
    --gold-text:#f8b400;    /* heading text gold on dark, matches "Register Now" title */
    --cream:#ffffff;        /* page background - original is plain white */
    --grey-wave-1:#bdbdbd;
    --grey-wave-2:#e6e6e6;
    --ink-text:#1c1c22;
    --muted:#6b6b75;
    --field-bg:#f2f2f2;     /* light grey input background like original */
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  }


  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;background:var(--cream);color:var(--ink-text);}



  /* ---------- HERO / PAGE HEADER (black + wave) ---------- */
  
  
  /*.page-header{*/
  /*  position:relative;*/
  /*  background: radial-gradient(120% 160% at 50% -20%, #1c1c24 0%, var(--ink) 60%);*/
  /*  padding:70px 20px 120px;*/
  /*  text-align:center;*/
  /*  overflow:hidden;*/
  /*}*/
  
  
  .page-header {
    position: relative;
    background: radial-gradient(120% 160% at 50% -20%, #2d131a 0%, #290f16 60%);
    padding: 120px 20px 120px !important;
    text-align: center;
    overflow: hidden;
}
  
  
  
  a.header-logo img {
    width: 200px;
    position: relative;
    top: 42px;
    background: #280b10;
    padding: 0px 15px 0px 15px;
    border-radius: 0px 0px 100px 100px;
    border: 1px solid #ffffff1a;
}
  
  
/*.header-logo img {*/
/*    width: 118px;*/
/*    border-radius: 0px 0px 30px 30px;*/
/*    object-fit: cover;*/
/*    border: 1px solid #ffffff36;*/
/*    position: absolute;*/
/*    left: 35px;*/
/*    top: 0;*/
/*}*/

.header-logo span {
    font-family: 'Marcellus SC', serif;
    font-size: 18px;
    color: #f5e8dc;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-left: 72px;
}
  
  
  .page-header h1{
    margin:0; font-size:44px; font-weight:800; letter-spacing:.5px;
    color:var(--gold-text);
    text-shadow:0 2px 18px rgba(240,180,41,.25);
  }
  .wave{
    position:absolute; left:0; right:0; bottom:-2px; line-height:0;
  }
  .wave svg{display:block; width:100%; height:90px;}

  section.page{display:block; animation:fadeIn .35s ease;}
  @keyframes fadeIn{from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:translateY(0);}}

  .container{max-width:1100px; margin:0 auto; padding:56px 24px;}

  /* ---------- HOME ---------- */
/* ---------- HOME ---------- */
.home-hero{position:relative;}
.home-photo{
  width:100%; height:560px; display:block;
  background:linear-gradient(135deg,#2b2b35,#4a4a5a);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.home-photo-wrap{position:relative;}
.home-caption{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(0deg, rgba(0,0,0,.55), rgba(0,0,0,.1) 40%);
}
.logo-block{text-align:center; background:var(--ink);}
.logo-block .mark{font-size:15px; letter-spacing:6px; color:var(--gold-deep); text-transform:uppercase;}
.logo-block h2{margin:6px 0 0; font-size:40px; color:var(--gold-text); font-weight:700;}

  /* ---------- BUTTONS (fixed color combo) ---------- */
  .btn{
    display:inline-block;
    font-weight:800; font-size:15px; letter-spacing:.2px;
    padding:14px 26px;
    border-radius:6px;
    border:1px solid transparent;
    cursor:pointer;
    text-decoration:none;
    transition:transform .15s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
  }
  /* Primary: flat solid gold with near-black text, matches the original site's
     yellow menu buttons -> strong AA contrast (~14:1), clear affordance */
  .btn-primary{
    background:var(--gold);
    color:#141200;
    box-shadow:0 3px 0 rgba(0,0,0,.15);
  }
  .btn-primary:hover{
    background:var(--gold-deep);
    color:#000;
    transform:translateY(-1px);
    box-shadow:0 4px 10px rgba(0,0,0,.25);
  }
  .btn-primary:active{transform:translateY(1px); box-shadow:0 1px 0 rgba(0,0,0,.15);}
  /* Secondary: dashed gold outline on dark overlay, mirrors the "Register Here"
     tooltip-style button over the homepage photo in the screenshot */
  .btn-outline{
    background:rgba(0,0,0,.55);
    color:var(--gold);
    border:2px dashed var(--gold);
  }
  .btn-outline:hover{background:var(--gold); color:#141200; border-style:solid;}

  .menu-stack{
    display:flex; flex-direction:column; gap:16px; align-items:center;
  }
  .menu-stack .btn{width:260px; text-align:center;}

  .welcome-photo-wrap{position:relative; }
  .welcome-photo{ margin-bottom:0;}
  .welcome-overlay{
    position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
    background:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.55));
     padding:20px;
  }

  .home-photo.welcome-photo {
    height: 600px;
}

  /* ---------- ABOUT ---------- */
  .prose p{font-size:17px; line-height:1.9; color:#33333c; max-width:760px;}
  .prose{margin:0 auto;}

  /* ---------- FOUNDER ---------- */
  .founder-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
  }
  .founder-card{
    background:#fff; border-radius:14px; overflow:hidden;
    box-shadow:0 6px 20px rgba(20,20,30,.08);
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .founder-card:hover{transform:translateY(-4px); box-shadow:0 12px 28px rgba(20,20,30,.14);}
  .founder-photo{
    height:340px;
    display:flex;
    justify-content:center;
    color:#e9d9a6; font-size:14px;
  }
   .founder-photo img{
    width: 100%;
   }
  .founder-name{padding:16px 18px; font-weight:700; color:var(--ink-text);}
  .founder-role{padding:0 18px 18px; color:var(--muted); font-size:13px;}

  /* ---------- PRESS / EVENTS grids ---------- */
  .grid-4{display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}
  @media(max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr);} .founder-grid{grid-template-columns:1fr;}}
  @media(max-width:560px){.grid-4{grid-template-columns:1fr;}}

  .clip-card{
    background:#fff; border-radius:2px; overflow:hidden;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .clip-card img{
    width: 100%;
  }
  .clip-title{
    padding:16px 14px; font-family:'Brush Script MT', 'Segoe Script', cursive, Georgia, serif;
    background:#1a1a2e;
    color:var(--gold-text); font-style:italic; font-size:19px; text-align:center;
  }
  .clip-body{
    position:relative;
    height:315px; background:repeating-linear-gradient(135deg,#f0f0f0,#f0f0f0 10px,#e6e6e6 10px,#e6e6e6 20px);
    display:flex; align-items:center; justify-content:center; color:#9a9a9a; font-size:13px; text-align:center; padding:14px;
  }
   .clip-body img{
    width: 100%;
   }
  .clip-card{cursor:pointer;}
  .zoom-hint{
    position:absolute; inset:auto 0 0 0; padding:8px; font-size:12px; font-weight:700;
    background:rgba(0,0,0,.55); color:var(--gold); opacity:0; transition:opacity .2s ease;
  }
  .clip-card:hover .zoom-hint{opacity:1;}

  /* ---------- LIGHTBOX ---------- */
  .lightbox{
    display:none; position:fixed; inset:0; z-index:200;
    background:rgba(0,0,0,.9);
    align-items:center; justify-content:center;
  }
  .lightbox.open{display:flex;}
  .lb-content{
    display:flex; flex-direction:column; align-items:center; gap:14px;
    max-width:90vw; max-height:85vh;
  }
  .lb-image{
    width:min(80vw, 720px); height:min(60vh, 480px);
    background:repeating-linear-gradient(135deg,#2a2a30,#2a2a30 12px,#232328 12px,#232328 24px);
    border-radius:8px; display:flex; align-items:center; justify-content:center;
    color:#8a8a92; font-size:15px; border:1px solid #333;
  }
  .lb-caption{color:var(--gold-text); font-size:18px; font-weight:700; text-align:center;}
  .lb-counter{color:#8a8a92; font-size:13px;}
  .lb-close{
    position:absolute; top:20px; right:28px; background:none; border:none; color:#fff;
    font-size:36px; line-height:1; cursor:pointer;
  }
  .lb-nav{
    position:absolute; top:50%; transform:translateY(-50%);
    background:rgba(255,255,255,.08); border:none; color:#fff; font-size:22px;
    width:52px; height:52px; border-radius:50%; cursor:pointer; transition:background .2s ease;
  }
  .lb-nav:hover{background:var(--gold); color:#141200;}
  .lb-prev{left:16px;} .lb-next{right:16px;}
  @media(max-width:640px){
    .lb-nav{width:40px; height:40px; font-size:16px;}
    .lb-close{top:12px; right:16px; font-size:30px;}
  }

  /* ---------- FORMS (contact + register) ---------- */
  .form-wrap{
    display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:start;
  }
  @media(max-width:800px){.form-wrap{grid-template-columns:1fr;}}
  .card{
    background:#fff; border:1px solid #eee; border-radius:10px; padding:32px;
    box-shadow:none;
  }
  .card h3{margin-top:0; font-size:26px;}
  .req-note{color:var(--muted); font-size:13px; margin-bottom:22px;}
  .req-note .star{color:#d64545;}
  label{display:block; font-weight:700; font-size:14.5px; margin:18px 0 8px;}
  label .star{color:#d64545; margin-left:2px;}
  input, textarea{
    width:100%; padding:14px 16px; border:1px solid #e2e2e2; border-radius:6px;
    background:var(--field-bg); font-size:15px; color:var(--ink-text); font-family:inherit;
  }
  input::placeholder, textarea::placeholder{color:#8a8a8a;}
  input:focus, textarea:focus{outline:2px solid var(--gold); outline-offset:1px; background:#fff;}
  textarea{min-height:110px; resize:vertical;}

  .contact-side h4{
    display:flex; align-items:center; gap:8px; letter-spacing:2px; font-size:14px; color:var(--muted); margin-bottom:20px;
  }
  .contact-item{display:flex; gap:14px; align-items:center; margin-bottom:22px;}
  .icon-box{
    width:52px; height:52px; border-radius:10px; background:var(--ink);
    display:flex; align-items:center; justify-content:center; color:var(--gold);
    flex-shrink:0;
  }
  .icon-box svg{display:block;}
  .contact-item strong{display:block; font-size:18px;}
  .contact-item span{color:var(--muted); font-size:14.5px;}
  .social-row{display:flex; gap:12px; margin-top:8px;}
  .social-row a{
    width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    color:#fff; text-decoration:none; font-weight:700; transition:transform .15s ease, filter .15s ease;
  }
  .social-row a:hover{transform:translateY(-3px); filter:brightness(1.08);}
  .fb{background:#3b5998;} .ig{background:radial-gradient(circle at 30% 110%, #ffdb73 0%, #fdb43a 15%, #ff5f60 45%, #e0225d 70%, #a20055 100%);} .yt{background:#ff0000;}

  .submit-row{margin-top:26px;}

  footer{
    background:var(--ink); color:#8a8a92; text-align:center; padding:30px; font-size:13px;
  }
  footer strong{color:var(--gold-text);}
  /* ---------- RESPONSIVE ---------- */
  @media(max-width:960px){
    .topnav{padding:12px 18px; flex-wrap:wrap; gap:10px;}
    .navlinks{width:100%; overflow-x:auto; justify-content:flex-start; gap:4px; padding-bottom:2px;}
    .navlinks button{white-space:nowrap; padding:9px 12px; font-size:13.5px;}
    .page-header{padding:50px 16px 90px;}
    .page-header h1{font-size:32px;}
    .container{padding:40px 18px;}
    .welcome-photo{height:400px;}
    .home-photo{height:400px;}
  }

  @media(max-width:700px){
    .brand span.sub{font-size:16px;}
    .page-header{padding:40px 14px 70px;}
    .page-header h1{font-size:26px;}
    .wave svg{height:60px;}
    .menu-stack .btn{width:100%; max-width:280px;}
    .prose p{font-size:15.5px;}
    .founder-photo{height:240px;}
    .clip-body{height:170px;}
    .clip-title{font-size:16px; padding:12px 10px;}
    .card{padding:22px;}
    .card h3{font-size:21px;}
    .contact-item strong{font-size:16px;}
    .icon-box{width:44px; height:44px;}
    .welcome-photo{height:320px;}
    .welcome-overlay{padding:12px;}
    .home-photo{height:320px;}
    .btn{padding:12px 18px; font-size:14px;}
    .lb-image{width:88vw; height:42vh;}
  }

  @media(max-width:420px){
    .navlinks button{padding:8px 10px; font-size:12.5px;}
    .page-header h1{font-size:21px;}
    .menu-stack{gap:10px;}
    .founder-grid{gap:16px;}
    .grid-4{gap:14px;}
  }
.whatsapp-float {
  position: fixed;
  bottom: 24px;
  right: 24px;
  background-color: #25D366;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  z-index: 1000;
  transition: transform 0.2s ease;
}
.whatsapp-float:hover {
  transform: scale(1.08);
}
.whatsapp-float img {
  filter: brightness(0) invert(1);
}





@media (max-width: 480px) {
    a.header-logo img {
    width: 150px !important;
    top: 15px !important;
    height: auto !important;
}
}