:root{
    --pine:#16241b;
    --pine-deep:#0d160f;
    --moss:#3f6247;
    --moss-light:#5c7f60;
    --parchment:#f4eee0;
    --parchment-dim:#ece3d0;
    --marigold:#e8a23d;
    --ember:#c1602f;
    --mist:#cfd9c4;
    --ink:#1c2418;
    --ink-soft:#4a5442;

    --sky-dawn-1:#f6d9a8;
    --sky-dawn-2:#e79a5c;
    --sky-dusk-1:#c1602f;
    --sky-dusk-2:#5a2c22;
    --sky-night-1:#1a2a3d;
    --sky-night-2:#0a0f18;

    --display:'Fraunces', serif;
    --body:'Work Sans', sans-serif;
    --mono:'Space Mono', monospace;

    --max: 1180px;
  }

  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:var(--body);
    color:var(--ink);
    background:var(--parchment);
    line-height:1.6;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%; display:block;}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}
  .wrap{max-width:var(--max); margin:0 auto; padding:0 32px;}

  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important;}
  }

  h1,h2,h3{font-family:var(--display); font-weight:600; letter-spacing:-0.01em;}
  .page-breadcrumb{
    
    padding:98px 0 0px;
    text-align:center;
  }

  .breadcrumb-trail{
    margin-top:18px;
    font-family:var(--mono); font-size:12.5px; letter-spacing:.1em; text-transform:uppercase;
    display:flex; align-items:center; justify-content:left; gap:10px;
  }
  .breadcrumb-trail a{
   opacity:.8; transition:opacity .2s ease, color .2s ease;
  }
  .breadcrumb-trail a:hover{opacity:1; color:var(--marigold);}
  .breadcrumb-trail .sep{color:var(--moss-light);}
  .breadcrumb-trail .current{color:var(--marigold);}

  .eyebrow{
    font-family:var(--mono);
    font-size:12.5px;
    letter-spacing:0.16em;
    text-transform:uppercase;
    display:inline-flex;
    align-items:center;
    gap:10px;
  }
  .eyebrow::before{
    content:"";
    width:22px; height:1px;
    background:currentColor;
    display:inline-block;
  }

  /* ---------- NAV ---------- */
  header{
    position:fixed; top:0; left:0; right:0; z-index:100;
    background:#ffffff;
    box-shadow:0 1px 0 rgba(22,36,27,0.08);
    transition:box-shadow .3s ease, padding .3s ease;
    padding:14px 0;
  }
  header.scrolled{
    box-shadow:0 8px 24px rgba(22,36,27,0.12);
    padding:8px 0;
  }
  nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    max-width:var(--max); margin:0 auto; padding:0 15px;
    gap:24px;
  }
  .brandmark{display:flex; align-items:center;}
  .brandmark img{height:70px; width:auto; transition:height .3s ease;}
  header.scrolled .brandmark img{height:52px;}

  .nav-links{display:flex; align-items:center; gap:30px;}
  .nav-links a{
    font-family:var(--body); font-size:16px; font-weight:500; text-transform: uppercase;
    color:var(--pine); opacity:.85;
    position:relative; padding:4px 0;
    transition:opacity .2s ease;
    white-space:nowrap;
  }
  .nav-links a:hover{opacity:1;}
  .nav-links a::after{
    content:""; position:absolute; left:0; bottom:-2px;
    width:0; height:1px; background:var(--ember);
    transition:width .25s ease;
  }
  .nav-links a:hover::after{width:100%;}

  .nav-cta{
    font-family:var(--mono); font-size:12.5px; letter-spacing:.06em;
    background:var(--marigold); color:var(--pine-deep);
    padding:11px 22px!important; border-radius:999px; font-weight:700;
    transition:transform .2s ease, background .2s ease;
    white-space:nowrap;
  }
    .nav-cta:after{display: none;}
  .nav-cta:hover{background:#d98f2a; transform:translateY(-1px);}

  .nav-toggle{
    display:none; flex-direction:column; justify-content:center; align-items:center; gap:6px;
    background:none; border:none; cursor:pointer; padding:8px; z-index:210;
    width:40px; height:40px;
  }
  .nav-toggle span{
    width:24px; height:2px; background:var(--pine); display:block; border-radius:2px;
    transition:transform .35s cubic-bezier(.4,0,.2,1), opacity .25s ease, background .3s ease;
  }
  .nav-toggle.active span{background:var(--parchment);}
  .nav-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg);}
  .nav-toggle.active span:nth-child(2){opacity:0;}
  .nav-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

  /* ---------- MOBILE MENU ---------- */
  .mobile-menu{
    display:none;
    position:fixed; inset:0; z-index:190;
    background:linear-gradient(160deg, var(--pine-deep) 0%, var(--pine) 65%, var(--moss) 140%);
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:8px;
    clip-path:circle(2% at calc(100% - 40px) 40px);
    opacity:0;
    pointer-events:none;
    transition:clip-path .6s cubic-bezier(.65,0,.35,1), opacity .1s linear .1s;
  }
  .menu-close{
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 36px;
    line-height: 1;
    cursor: pointer;
    z-index: 9999;
}

.menu-close:hover{
    opacity: .8;
}
  .mobile-menu.open{
    clip-path:circle(150% at calc(100% - 40px) 40px);
    opacity:1;
    pointer-events:auto;
    transition:clip-path .6s cubic-bezier(.65,0,.35,1), opacity 0s linear;
  }
  .mobile-menu a{
    font-family:var(--display); font-size:clamp(28px,8vw,40px); font-weight:500;
    color:var(--parchment); opacity:0; transform:translateY(18px);
    transition:opacity .45s ease, transform .45s ease;
  }
  .mobile-menu.open a{opacity:1; transform:translateY(0);}
  .mobile-menu.open a:nth-child(1){transition-delay:.12s;}
  .mobile-menu.open a:nth-child(2){transition-delay:.18s;}
  .mobile-menu.open a:nth-child(3){transition-delay:.24s;}
  .mobile-menu.open a:nth-child(4){transition-delay:.30s;}
  .mobile-menu.open a:nth-child(5){transition-delay:.36s;}
  .mobile-menu .mm-cta{
    margin-top:26px;
    font-family:var(--mono); font-size:13px; letter-spacing:.06em;
    background:var(--marigold); color:var(--pine-deep); font-weight:700;
    padding:14px 30px; border-radius:999px;
    opacity:0; transform:translateY(18px);
    transition:opacity .45s ease, transform .45s ease;
  }
  .mobile-menu.open .mm-cta{opacity:1; transform:translateY(0); transition-delay:.42s;}
  .mobile-menu-tagline{
    position:absolute; bottom:38px; left:0; right:0; text-align:center;
    font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase;
    color:var(--mist); opacity:0; transition:opacity .5s ease .5s;
  }
  .mobile-menu.open .mobile-menu-tagline{opacity:.7;}

  /* ---------- HERO ---------- */
  .hero{
    position:relative;
    
    display:flex; flex-direction:column; justify-content:center; background: url(../images/banner.png);
    padding-top:150px;
  }
  
  .hero-stars{position:absolute; inset:0; z-index:0; opacity:.5;}
  .hero-stars span{
    position:absolute; width:2px; height:2px; background:var(--parchment); border-radius:50%;
    animation:twinkle 4s ease-in-out infinite;
  }
  @keyframes twinkle{0%,100%{opacity:.15;} 50%{opacity:.9;}}

  .hero-content{position:relative; z-index:2; text-align:center; max-width:900px; margin:0 auto; padding:0 24px;}
  .hero-logo-wrap{position:relative; display:flex; justify-content:center; align-items:center; margin:0 auto;}
  .hero-logo-wrap::before{
    content:"";
    position:absolute;
    top:50%; left:50%;
    transform:translate(-50%,-50%);
    width:100%; height:135%;
   background: radial-gradient(ellipse at center, rgba(244,244,244,0.95) 0%, rgba(244,244,244,0.45) 50%, rgba(244,244,244,0.12) 65%, rgba(244,244,244,0) 78%);
  filter: blur(4px);
    border-radius:100%;
    z-index:0;
    pointer-events:none;
  }
  .hero-logo-wrap img{position:relative; z-index:1;}
  .hero .eyebrow{color:var(--marigold); justify-content:center; margin-bottom:22px;}
  .hero .eyebrow::before{background:var(--marigold);}
  .hero h1{
    font-size:clamp(58px, 11vw, 148px);
    line-height:.92;
    letter-spacing:-0.02em;
    color:var(--parchment);
    text-transform:uppercase;
  }
  .hero h1 em{
    font-style:italic; font-weight:400; color:var(--marigold);
    display:block; font-size:.5em; letter-spacing:.02em; margin-top:6px;
  }
  .hero-tagline{
    font-family:var(--mono); font-size:clamp(13px,2vw,16px);
    letter-spacing:.28em; text-transform:uppercase;
    color:var(--mist); margin-top:28px;
  }
  .hero-tagline span{color:var(--marigold); margin:0 10px;}
  .hero-sub{
    max-width:520px; margin:26px auto 0; font-size:18px; color:var(--parchment); font-weight:400;
  }
  .hero-badges{
    display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:38px;
  }
  .badge{
    font-family:var(--mono); font-size:12.5px; letter-spacing:.05em;
    border:1px solid rgba(207,217,196,0.3); color:var(--mist);
    padding:9px 18px; border-radius:999px;
    display:flex; align-items:center; gap:8px;
  }
  .badge b{color:var(--parchment); font-weight:700;}
  .hero-ctas{display:flex; gap:16px; justify-content:center; margin-top:40px; flex-wrap:wrap;}
  .btn-primary{
    font-family:var(--mono); font-weight:700; font-size:13px; letter-spacing:.05em;
    background:var(--marigold); color:var(--pine-deep);
    padding:15px 32px; border-radius:999px;
    transition:transform .2s ease, box-shadow .2s ease;
    box-shadow:0 8px 24px rgba(232,162,61,0.25);
  }
  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 12px 28px rgba(232,162,61,0.35);}
  .btn-ghost{
    font-family:var(--mono); font-weight:700; font-size:13px; letter-spacing:.05em;
    border:1px solid rgba(244,238,224,0.4); color:var(--parchment);
    padding:15px 32px; border-radius:999px;
    transition:border-color .2s ease, background .2s ease;
  }
  .btn-ghost:hover{border-color:var(--parchment); background:rgba(244,238,224,0.06);}

  .hero-horizon{position:absolute; left:0; right:0; bottom:0; z-index:1; opacity:.9; width:100%; height:auto;}
  .hero-bg-scene{position:absolute; inset:0; z-index:0; width:100%; height:100%;}
  .hero-glow{position:absolute; top:-10%; left:50%; transform:translateX(-50%); width:900px; height:900px; border-radius:50%; background:radial-gradient(circle, rgba(232,162,61,0.18) 0%, rgba(232,162,61,0) 65%); z-index:0; pointer-events:none;}
  .scroll-cue{
    position:absolute; bottom:28px; left:50%; transform:translateX(-50%);
    font-family:var(--mono); font-size:10.5px; letter-spacing:.2em; text-transform:uppercase;
    color:var(--mist); display:flex; flex-direction:column; align-items:center; gap:8px; z-index:2;
  }
  .scroll-cue::after{
    content:""; width:1px; height:34px; background:linear-gradient(var(--marigold), transparent);
    animation:scrolldown 1.8s ease-in-out infinite;
  }
  @keyframes scrolldown{0%{opacity:0; transform:translateY(-6px);} 40%{opacity:1;} 100%{opacity:0; transform:translateY(14px);}}

  /* ---------- SECTION GENERIC ---------- */
  section{position:relative;}
  .section-pad{padding:120px 0;}
  @media (max-width:768px){.section-pad{padding:80px 0;}}

  .reveal{opacity:0; transform:translateY(28px); transition:opacity .8s ease, transform .8s ease;}
  .reveal.in{opacity:1; transform:translateY(0);}

  /* ---------- ABOUT ---------- */
  .about{background:var(--parchment);}
  .about .eyebrow{color:var(--ember);}
  .about-grid{
    display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:start; margin-top:32px;
  }
  .about h2{font-size:clamp(32px,4.2vw,50px); line-height:1.12; color:var(--pine); max-width:11ch;}
  .about h2 .accent{color:var(--ember); font-style:italic; font-weight:400;}
  .about-body p{max-width:46ch; color:var(--ink-soft); font-size:16px; margin-top:20px;}
  .about-body p.lead{font-size:18px; color:var(--ink); font-weight:500; margin-top:26px;}

  .word-list{display:flex; flex-direction:column; gap:0;}
  .word-list li{
    font-family:var(--display); font-style:italic; font-weight:400;
    font-size:clamp(24px,3vw,34px); color:var(--moss);
    padding:16px 0; border-bottom:1px solid rgba(63,98,71,0.22);
    display:flex; justify-content:space-between; align-items:baseline;
  }
  .word-list li:first-child{padding-top:0;}
  .word-list li span{font-family:var(--mono); font-size:12px; color:var(--ink-soft); font-style:normal; letter-spacing:.08em;}

  
  /* ---------- PILLARS (horizon x3) ---------- */
  .pillars{background:var(--sky-dawn-2);}
  .pillar{
    min-height:78vh;
    display:flex; align-items:center;
    position:relative;
    overflow:hidden;
    padding:80px 0;
  }
  .pillar-dawn{background:url(../images/rewind.png) no-repeat 50% 30%; background-size:cover;}
  .pillar-dusk{background:url(../images/Reconnect.png) no-repeat 50% 90%; background-size:cover;}
  .pillar-night{background: url(../images/Rejuvenate.png) no-repeat 50% 50%; background-size:cover;}

  .pillar-inner{position:relative; z-index:2; width:100%;}
  .pillar-num{font-family:var(--mono); font-size:13px; letter-spacing:.2em; opacity:.75;}
  .pillar h3{font-size:clamp(46px,8vw,84px); text-transform:uppercase; line-height:.95; margin-top:10px;}
  .pillar-dawn h3, .pillar-dawn .pillar-num, .pillar-dawn .pillar-time{color:#000;}
  .pillar-dusk h3, .pillar-dusk .pillar-num, .pillar-dusk .pillar-time{color:#fff;}
  .pillar-night h3, .pillar-night .pillar-num, .pillar-night .pillar-time{color:#eef1f6;}
  .pillar-time{font-family:var(--mono); font-size:12px; letter-spacing:.16em; text-transform:uppercase; margin-top:8px; opacity:.8;}
  .pillar p{max-width:42ch; margin-top:22px; font-size:18px; font-weight:400;}
  .pillar-dawn p{color:#000;}
  .pillar-dusk p{color:#fff;}
  .pillar-night p{color:#c7d0de;}

  .horizon-svg{position:absolute; left:0; right:0; bottom:0; width:100%; height:auto;}
  .pillar-photo-wrap{display:none;}
  .stars-layer{position:absolute; inset:0; pointer-events:none;}
  .stars-layer span{position:absolute; width:2px; height:2px; background:#fff; border-radius:50%; animation:twinkle 3.5s ease-in-out infinite;}
  
  /* ---------- EXPERIENCE GRID ---------- */
  .experience{background:var(--parchment-dim);}
  .exp-head{max-width:640px; margin-bottom:56px;}
  .exp-head .eyebrow{color:var(--ember);}
  .exp-head h2{font-size:clamp(30px,4vw,46px); color:var(--pine); margin-top:16px;}
  .exp-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:rgba(63,98,71,0.25); border:1px solid rgba(63,98,71,0.25);}
  .exp-card{
    background:var(--parchment-dim); padding:40px 28px;
    display:flex; flex-direction:column; gap:18px;
    transition:background .3s ease;
    min-height:230px;
  }
  .exp-card:hover{background:var(--parchment);}
  .exp-icon{width:44px; height:44px;}
  .exp-icon svg{width:100%; height:100%; stroke:var(--moss); fill:none; stroke-width:1.4;}
  .exp-card h4{font-family:var(--display); font-size:20px; font-weight:600; color:var(--pine);}
  .exp-card p{font-size:14px; color:var(--ink-soft);}

  @media (max-width:900px){.exp-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:560px){.exp-grid{grid-template-columns:1fr;}}

  /* ---------- TAKEBACK ---------- */
  .takeback{background:var(--moss); color:var(--parchment);}
  .takeback .eyebrow{color:var(--marigold);}
  .takeback h2{font-size:clamp(28px,3.6vw,42px); max-width:16ch; margin-top:16px; color:var(--parchment);}
  .take-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:44px; margin-top:64px;}
  .take-item{border-top:1px solid rgba(244,238,224,0.28); padding-top:20px;}
  .take-item .num{font-family:var(--mono); font-size:12px; color:var(--marigold); letter-spacing:.1em;}
  .take-item p{margin-top:14px; font-size:16px; font-weight:300; max-width:22ch;}
  @media (max-width:900px){.take-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:560px){.take-grid{grid-template-columns:1fr;}}

  /* ---------- VENUE ---------- */
  .venue{background:var(--parchment);}
  .venue-grid{display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center;}
  .venue .eyebrow{color:var(--ember);}
  .venue h2{font-size:clamp(30px,4vw,48px); color:var(--pine); margin-top:16px;}
  .venue p{color:var(--ink-soft); margin-top:20px; max-width:44ch;}
  .venue-fact{display:flex; gap:28px; margin-top:36px; flex-wrap:wrap;}
  .venue-fact div{border-left:2px solid var(--ember); padding-left:14px;}
  .venue-fact b{display:block; font-family:var(--display); font-size:24px; color:var(--pine);}
  .venue-fact span{font-family:var(--mono); font-size:14px; color:var(--ink-soft); text-transform:uppercase;}
  .venue-art{aspect-ratio:1/1; background:var(--pine); border-radius:8px; position:relative; overflow:hidden;}
  .venue-art svg{position:absolute; inset:0; width:100%; height:100%;}

  /* ---------- CTA / CONTACT ---------- */
  .cta{background:var(--pine-deep); color:var(--parchment); text-align:center; overflow:hidden;}
  .cta .eyebrow{color:var(--marigold); justify-content:center;}
  .cta h2{font-size:clamp(32px,5vw,64px); margin-top:20px; max-width:14ch; margin-left:auto; margin-right:auto;}
  .cta-script{font-family:var(--display); font-style:italic; font-weight:400; color:var(--marigold); font-size:clamp(22px,3vw,30px); margin-top:26px;}
  .contact-card{
    margin:56px auto 0; max-width:480px;
    border:1px solid rgba(244,238,224,0.22); border-radius:14px;
    padding:32px; display:flex; flex-direction:column; gap:8px;
  }
  .contact-card .label{font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--mist);}
  .contact-card .name{font-family:var(--display); font-size:22px; margin:4px 0 10px;}
  .contact-card a{font-size:15px; color:var(--parchment); opacity:.9;}
  .contact-card a:hover{opacity:1; text-decoration:underline;}
  .cta-actions{display:flex; gap:16px; justify-content:center; margin-top:44px; flex-wrap:wrap;}

  /* ---------- FOOTER ---------- */
  footer{background:var(--pine-deep); color:var(--mist); border-top:1px solid rgba(244,238,224,0.1);}
  .footer-top{
    display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:60px;
    padding:70px 0 50px;
  }
  .footer-brand img{height:38px; margin-bottom:18px;}
  .footer-brand p{font-size:13.5px; max-width:34ch; color:var(--mist); opacity:.8;}
  .footer-col h5{font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--parchment); margin-bottom:18px;}
  .footer-col a{display:block; font-size:14px; padding:6px 0; color:var(--mist); transition:color .2s ease;}
  .footer-col a:hover{color:var(--marigold);}
  .footer-bottom{
    border-top:1px solid rgba(244,238,224,0.1);
    padding:26px 0; display:flex; justify-content:space-between; align-items:center;
    font-family:var(--mono); font-size:11.5px; color:var(--mist); opacity:.75; flex-wrap:wrap; gap:12px;
  }
  .social-row{display:flex; gap:16px;}
  .social-row a svg{width:16px; height:16px; stroke:var(--mist); fill:none; transition:stroke .2s ease;}
  .social-row a:hover svg{stroke:var(--marigold);}

  @media (max-width:900px){
    .about-grid{grid-template-columns:1fr; gap:40px;}
    .venue-grid{grid-template-columns:1fr; gap:40px;}
    .venue-art{max-width:380px; margin:0 auto;}
    .footer-top{grid-template-columns:1fr 1fr; gap:36px; padding: 0px 15px;}
    .footer-brand{grid-column:1/-1;}
  }
  @media (max-width:768px){
    .nav-links{display:none;}
    .nav-toggle{display:flex;}
    .exp-grid{border:none;}
    .brandmark img{height:52px;}
    .mobile-menu{display:flex;}
     .pillar{
      min-height:auto;
      align-items:flex-start;
      flex-direction:column;
      padding:0;
      background-attachment:scroll;
    }
    .pillar-dawn, .pillar-dusk, .pillar-night{background:none;}
    .pillar-photo-wrap{display:block; width:100%; line-height:0;}
    .pillar-photo{
      width:100%; height:auto; display:block;
    }
    .pillar-dawn .pillar-photo-wrap{background:var(--sky-dawn-2);}
    .pillar-dusk .pillar-photo-wrap{background:var(--sky-dusk-2);}
    .pillar-night .pillar-photo-wrap{background:var(--sky-night-2);}
    .pillar::before{display:none;}
    .pillar-inner{
      position:static;
      background:none;
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
      border-radius:0;
      padding:32px 24px 40px;
      margin:0;
      width:100%;
    }
    .pillar-dawn .pillar-inner{background:var(--sky-dawn-2);}
    .pillar-dusk .pillar-inner{background:var(--sky-dusk-2);}
    .pillar-night .pillar-inner{background:var(--sky-night-2);}
    .pillar h3{font-size:clamp(40px,12vw,60px);}
    .pillar p{font-size:15.5px; max-width:none;}
    .pillar-dawn h3, .pillar-dawn .pillar-num, .pillar-dawn .pillar-time,
    .pillar-dusk h3, .pillar-dusk .pillar-num, .pillar-dusk .pillar-time,
    .pillar-night h3, .pillar-night .pillar-num, .pillar-night .pillar-time{color:#f4eee0;}
    .pillar-dawn p, .pillar-dusk p, .pillar-night p{color:#e4e0d4;}
  }
  @media (max-width:520px){
    .footer-top{grid-template-columns:1fr;}
    .hero-badges{flex-direction:column; align-items:center;}
  }


  /* POPUP */
  .register-modal{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(5,10,25,.75);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.4s;z-index:99999;padding:20px;}

.register-modal.show{opacity:1;visibility:visible;}

.register-popup{width:100%;max-width:1050px;background:#fff;border-radius:30px;overflow:hidden;display:flex;position:relative;transform:translateY(50px) scale(.95);transition:.4s;}

.register-modal.show .register-popup{transform:translateY(0) scale(1);}

.popup-left{width:42%;position:relative;background:url(../images/register.png) center center/cover no-repeat;min-height:650px;}

.popup-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.8));}

.popup-content{position:absolute;left:40px;bottom:50px;right:40px;color:#fff;z-index:2;}

.popup-tag{display:inline-block;background:#ff6b35;color:#fff;padding:8px 18px;border-radius:30px;margin-bottom:25px;font-weight:600;}

.popup-content h2{font-size:42px;line-height:1.2;margin-bottom:20px;}

.popup-content p{font-size:16px;line-height:1.8;}

.popup-right{width:58%;padding:50px;background:#fff;}

.popup-right h3{font-size:34px;margin-bottom:35px;}

.form-group{margin-bottom:18px;}

.form-group label{display:block;font-weight:600;margin-bottom:8px;}

.form-group input{width:100%;height:45px;border:1px solid #ddd;border-radius:12px;padding:0 18px;font-size:15px;outline:none;transition:.3s;}

.form-group input:focus{border-color:#ff6b35;}

.register-btn{width:100%;height:58px;border:none;border-radius:50px;background:#ff6b35;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:.3s;}

.register-btn:hover{background:#ea5724;}

.modal-close{position:absolute;right:20px;top:20px;width:45px;height:45px;border:none;border-radius:50%;background:#fff;font-size:30px;cursor:pointer;z-index:20;}

@media(max-width:991px){

.register-popup{flex-direction:column;max-height:90vh;overflow:auto;}

.popup-left{width:100%;min-height:250px;}

.popup-right{width:100%;padding:30px;}

.popup-content h2{font-size:30px;}

}

@media(max-width:576px){

.popup-right{padding:20px;}

.popup-right h3{font-size:26px;}

.popup-content{bottom:0}
.popup-content h2{margin-bottom: 0;}
.popup-tag{margin-bottom: 15px; margin-top: 15px;}
.popup-content{left: 20px;}

}