/* =========================================================
   CEREMONY LIVE — CLEAN STANDALONE CSS
   Rebuilt to match the supplied screenshots.
   No Tailwind CSS required.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Montserrat:wght@600;700;800;900&display=swap');

:root{
  --navy:#061a29;
  --navy-2:#081f30;
  --navy-3:#0b2638;
  --line:rgba(151,190,220,.12);
  --line-strong:rgba(151,190,220,.22);
  --white:#f7fbff;
  --muted:rgba(231,241,250,.68);
  --blue:#347ff0;
  --blue-2:#2468dc;
  --green:#10b981;
  --red:#ef3340;
  --purple:#8b5cf6;
  --shadow:0 22px 60px rgba(0,0,0,.30);
  --ease:cubic-bezier(.2,.7,.2,1);
}

*,
*::before,
*::after{box-sizing:border-box}

html{
  min-height:100%;
  scroll-behavior:smooth;
  background:var(--navy);
}

body{
  min-height:100vh;
  margin:0;
  color:var(--white);
  font-family:Poppins,sans-serif;
  background:
    linear-gradient(rgba(8,32,48,.90),rgba(5,24,37,.98)),
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 141px,
      rgba(136,177,209,.11) 142px,
      rgba(136,177,209,.11) 144px,
      transparent 145px
    ),
    repeating-linear-gradient(
      0deg,
      transparent 0,
      transparent 116px,
      rgba(136,177,209,.10) 117px,
      rgba(136,177,209,.10) 119px,
      transparent 120px
    );
  background-attachment:fixed;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

#app-wrapper{
  min-height:100vh;
  overflow-x:hidden;
}

/* ================= HEADER ================= */

.sticky-header{
  position:sticky;
  top:0;
  z-index:1000;
  height:74px;
  background:rgba(5,22,34,.90);
  border-bottom:1px solid rgba(255,255,255,.07);
  box-shadow:0 8px 30px rgba(0,0,0,.15);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.sticky-header > div{
  width:min(1248px,calc(100% - 48px));
  height:74px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.sticky-header nav{
  display:flex;
  align-items:center;
  gap:32px;
}

.sticky-header nav a{
  color:rgba(255,255,255,.70);
  font-size:14px;
  font-weight:600;
  transition:.25s ease;
}

.sticky-header nav a:hover{
  color:#fff;
}

.sticky-header .bg-gradient-to-br{
  width:40px;
  height:40px;
  border-radius:10px;
  background:linear-gradient(135deg,#54a6ff,#e84f72);
  display:flex;
  align-items:center;
  justify-content:center;
}

.sticky-header .font-black{
  font-size:20px;
}

.sticky-header .text-sm{
  font-size:14px;
  font-weight:700;
}

.sticky-header .text-xs{
  font-size:11px;
  font-weight:500;
}

.sticky-header .text-blue-400{
  color:#55a0ff;
}

.sticky-header .bg-red-500\/20{
  background:rgba(239,68,68,.13);
  border:1px solid rgba(239,68,68,.35);
  border-radius:999px;
  padding:7px 13px;
}

.sticky-header .bg-red-500{
  background:#ef4444;
}

.sticky-header .text-red-400{
  color:#ff6a70;
}

/* ================= GENERAL LAYOUT ================= */

section{
  position:relative;
  width:100%;
}

.max-w-7xl{width:min(1248px,calc(100% - 48px));margin-inline:auto}
.max-w-6xl{width:min(1100px,calc(100% - 48px));margin-inline:auto}
.max-w-4xl{width:min(894px,calc(100% - 48px));margin-inline:auto}
.max-w-3xl{width:min(760px,calc(100% - 48px));margin-inline:auto}
.max-w-2xl{width:min(680px,calc(100% - 48px));margin-inline:auto}

.relative{position:relative}
.absolute{position:absolute}
.inset-0{inset:0}
.top-0{top:0}
.top-20{top:80px}
.bottom-0{bottom:0}
.bottom-20{bottom:80px}
.left-0{left:0}
.right-0{right:0}
.left-10{left:40px}
.right-10{right:40px}
.left-1\/4{left:25%}
.right-1\/4{right:25%}
.z-10{z-index:10}

.w-full{width:100%}
.w-2{width:8px}.w-8{width:32px}.w-10{width:40px}.w-12{width:48px}
.w-16{width:64px}.w-64{width:256px}.w-72{width:288px}.w-80{width:320px}.w-96{width:384px}
.w-px{width:1px}

.h-full{height:100%}
.h-1{height:4px}.h-2{height:8px}.h-4{height:16px}.h-8{height:32px}.h-10{height:40px}.h-12{height:48px}
.h-16{height:64px}.h-64{height:256px}.h-72{height:288px}.h-80{height:320px}.h-96{height:384px}

.mx-auto{margin-inline:auto}
.mt-1{margin-top:4px}.mt-4{margin-top:16px}
.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}
.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-10{margin-bottom:40px}
.mb-12{margin-bottom:48px}.mb-16{margin-bottom:64px}

.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.p-10{padding:40px}.p-12{padding:48px}
.px-3{padding-inline:12px}.px-4{padding-inline:16px}.px-6{padding-inline:24px}.px-8{padding-inline:32px}
.py-1\.5{padding-block:6px}.py-2{padding-block:8px}.py-3{padding-block:12px}.py-4{padding-block:16px}
.py-5{padding-block:20px}.py-16{padding-block:64px}.py-20{padding-block:80px}

.flex{display:flex}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.flex-shrink-0{flex-shrink:0}
.hidden{display:none}
.block{display:block}
.text-center{text-align:center}
.cursor-pointer{cursor:pointer}

.gap-1\.5{gap:6px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}
.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-10{gap:40px}

.grid{display:grid}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}

.space-y-2 > * + *{margin-top:8px}
.space-y-3 > * + *{margin-top:12px}
.space-y-4 > * + *{margin-top:16px}
.space-y-6 > * + *{margin-top:24px}

.overflow-hidden{overflow:hidden}
.overflow-auto{overflow:auto}
.overflow-y-auto{overflow-y:auto}
.max-h-96{max-height:384px}

.aspect-video{aspect-ratio:16/9}
.object-cover{object-fit:cover}

.rounded-lg{border-radius:10px}
.rounded-xl{border-radius:14px}
.rounded-2xl{border-radius:18px}
.rounded-3xl{border-radius:28px}
.rounded-full{border-radius:999px}

.border{border:1px solid var(--line)}
.border-y{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.border-t{border-top:1px solid var(--line)}
.border-b{border-bottom:1px solid var(--line)}
.border-white\/5{border-color:rgba(255,255,255,.05)}
.border-white\/10{border-color:rgba(255,255,255,.10)}
.border-green-500\/30{border-color:rgba(34,197,94,.30)}
.border-red-500\/40{border-color:rgba(239,68,68,.40)}

.font-500{font-weight:500}
.font-600{font-weight:600}
.font-700{font-weight:700}
.font-900{font-weight:900}
.font-black{font-weight:900}
.uppercase{text-transform:uppercase}
.tracking-wider{letter-spacing:.10em}

.text-white{color:#fff}
.text-white\/40{color:rgba(255,255,255,.40)}
.text-white\/50{color:rgba(255,255,255,.50)}
.text-white\/60{color:rgba(255,255,255,.60)}
.text-white\/70{color:rgba(255,255,255,.70)}
.text-white\/80{color:rgba(255,255,255,.80)}
.text-blue-200{color:#b9d8ff}
.text-blue-300{color:#86bfff}
.text-blue-400{color:#60a5fa}
.text-green-300{color:#86efac}
.text-green-400{color:#4ade80}
.text-red-400{color:#f87171}
.text-purple-400{color:#c084fc}
.text-yellow-400{color:#facc15}

.text-xs{font-size:12px}
.text-sm{font-size:14px}
.text-lg{font-size:18px}
.text-xl{font-size:20px}
.text-2xl{font-size:28px}
.text-4xl{font-size:42px}
.text-5xl{font-size:56px}
.text-20{font-size:20px}

.leading-relaxed{line-height:1.7}

/* ================= BACKGROUNDS ================= */

.bg-black\/60{background:rgba(0,0,0,.60)}
.bg-black\/80{background:rgba(0,0,0,.80)}
.bg-blue-950\/20{background:rgba(4,30,52,.20)}
.bg-blue-950\/30{background:rgba(4,30,52,.30)}
.bg-blue-500\/10{background:rgba(59,130,246,.10)}
.bg-blue-500\/20{background:rgba(59,130,246,.20)}
.bg-blue-500\/30{background:rgba(59,130,246,.30)}
.bg-purple-500\/5{background:rgba(139,92,246,.05)}
.bg-purple-500\/20{background:rgba(139,92,246,.20)}
.bg-green-400{background:#4ade80}
.bg-green-500\/10{background:rgba(34,197,94,.10)}
.bg-green-500\/20{background:rgba(34,197,94,.20)}
.bg-red-500{background:#ef4444}
.bg-red-500\/20{background:rgba(239,68,68,.20)}
.bg-red-500\/30{background:rgba(239,68,68,.30)}
.bg-red-500\/90{background:rgba(239,68,68,.90)}
.bg-white{background:#fff}
.bg-white\/10{background:rgba(255,255,255,.10)}
.bg-white\/20{background:rgba(255,255,255,.20)}

.bg-gradient-to-br{background:linear-gradient(135deg,#60a5fa,#ef4444)}
.bg-gradient-to-r{background:linear-gradient(90deg,#1e3a8a,#581c87)}
.from-blue-400{--from:#60a5fa}
.to-blue-600{--to:#2563eb}
.from-purple-400{--from:#c084fc}
.to-purple-600{--to:#9333ea}
.from-green-400{--from:#4ade80}
.to-green-600{--to:#16a34a}
.from-red-400{--from:#f87171}
.to-red-600{--to:#dc2626}

.bg-gradient-to-br.from-blue-400.to-blue-600{background:linear-gradient(135deg,#60a5fa,#2563eb)}
.bg-gradient-to-br.from-purple-400.to-purple-600{background:linear-gradient(135deg,#c084fc,#9333ea)}
.bg-gradient-to-br.from-green-400.to-green-600{background:linear-gradient(135deg,#4ade80,#16a34a)}
.bg-gradient-to-br.from-red-400.to-red-600{background:linear-gradient(135deg,#f87171,#dc2626)}

.bg-gradient-to-b{background:linear-gradient(to bottom,transparent,rgba(0,0,0,.5))}
.bg-gradient-to-t{background:linear-gradient(to top,rgba(0,0,0,.80),transparent)}
.from-transparent{--unused:transparent}
.to-transparent{--unused2:transparent}

/* ================= HERO — MATCH SCREENSHOT ================= */

#home{
  padding:0 24px 80px;
  min-height:calc(100vh - 74px);
  overflow:hidden;
  background:
    linear-gradient(rgba(7,28,43,.72),rgba(5,24,37,.94)),
    repeating-linear-gradient(90deg,transparent 0,transparent 141px,rgba(125,170,204,.11) 142px,rgba(125,170,204,.11) 144px,transparent 145px),
    repeating-linear-gradient(0deg,transparent 0,transparent 116px,rgba(125,170,204,.10) 117px,rgba(125,170,204,.10) 119px,transparent 120px);
}

#home > .absolute{
  pointer-events:none;
  opacity:.45;
}

#home > .relative{
  width:min(1100px,100%);
  margin:auto;
}

.hero-title{
  max-width:900px;
  margin:0 auto 14px;
  font-family:Montserrat,Poppins,sans-serif;
  font-size:64px;
  line-height:1.03;
  font-weight:900;
  letter-spacing:-2.5px;
  text-align:center;
  color:#f4f9ff;
}

.text-gradient-title{
  background:linear-gradient(90deg,#fff 0%,#d9ebff 50%,#fff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

#home .text-center.mb-12{
  margin-bottom:46px;
}

#location-section{
  font-size:20px;
  line-height:1.5;
  margin-bottom:14px;
}

#home .text-white\/60.text-lg{
  margin-bottom:27px;
  font-size:18px;
}

#home .text-20{
  letter-spacing:2px;
  color:#fff;
}

/* video */

#home .mb-12.fade-up-anim.fade-up-2{
  margin-bottom:44px;
}

#home .max-w-4xl{
  width:min(894px,100%);
}

#home .absolute.-inset-1{
  position:absolute;
  inset:-4px;
  border-radius:30px;
  background:linear-gradient(90deg,rgba(59,130,246,.30),rgba(139,92,246,.18),rgba(239,68,68,.25));
  filter:blur(22px);
  opacity:.5;
}

#home .glass-premium.aspect-video{
  position:relative;
  width:100%;
  border-radius:28px;
  overflow:hidden;
  background:#000;
  box-shadow:var(--shadow);
  border:1px solid rgba(255,255,255,.10);
}

#home .aspect-video > img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.60;
  transition:opacity .35s ease,transform .6s ease;
}

#home .aspect-video.group:hover > img{
  opacity:.80;
  transform:scale(1.015);
}

.play-button-large{
  width:80px;
  height:80px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(239,68,68,.80);
  box-shadow:0 0 0 12px rgba(239,68,68,.10),0 0 45px rgba(239,68,68,.42);
  transition:.3s var(--ease);
}

.play-button-large:hover{
  transform:scale(1.08);
  background:#ef4444;
}

#home .aspect-video .top-6.right-6{
  top:24px;
  right:24px;
  padding:9px 16px;
  background:#ef4444;
  box-shadow:0 8px 20px rgba(239,68,68,.28);
}

#home .aspect-video .bottom-0{
  padding:24px;
}

#home .aspect-video .w-full.bg-white\/20{
  height:4px;
  border-radius:10px;
  background:rgba(255,255,255,.20);
}

#home .aspect-video .w-full.bg-white\/20 > div{
  height:100%;
}

/* buttons */

#home .fade-up-3{
  margin-bottom:64px;
}

.red-button,
.green-button,
.blue-button{
  min-width:184px;
  height:52px;
  padding:0 28px;
  border:0;
  border-radius:9px;
  color:#fff;
  font-size:15px;
  font-weight:800;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
  transition:transform .25s var(--ease),box-shadow .25s ease,filter .25s ease;
}

.red-button{
  background:linear-gradient(135deg,#f23d46,#e62932);
  box-shadow:0 10px 28px rgba(239,68,68,.28);
}

.green-button{
  background:linear-gradient(135deg,#16c79a,#08a878);
  box-shadow:0 10px 28px rgba(16,185,129,.25);
}

.blue-button{
  background:linear-gradient(135deg,#3f86f5,#2e6fdf);
  box-shadow:0 10px 28px rgba(59,130,246,.28);
}

.red-button:hover,.green-button:hover,.blue-button:hover{
  transform:translateY(-3px);
  filter:brightness(1.05);
}

#home .fade-up-3.flex{
  gap:24px;
}

#home .max-w-2xl.glass-light{
  width:min(674px,100%);
  min-height:54px;
  padding:14px 28px;
  border-radius:15px;
}

/* ================= GLASS ================= */

.glass-premium{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(177,209,232,.17);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  box-shadow:0 18px 50px rgba(0,0,0,.13);
}

.glass-light{
  background:rgba(255,255,255,.075);
  border:1px solid rgba(190,218,237,.22);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}

/* ================= TRUST / CARDS ================= */

section:not(#home){
  background:transparent;
}

section .glass-premium{
  transition:transform .28s var(--ease),background .28s ease,border-color .28s ease,box-shadow .28s ease;
}

section .glass-premium:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.07);
  border-color:rgba(96,165,250,.25);
}

section .rounded-full.bg-gradient-to-br{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-inline:auto;
}

/* event information */
#schedule .glass-premium{
  padding:42px 44px;
  border-radius:25px;
}

#schedule .grid > div > .text-blue-300{
  font-size:12px;
}

#schedule .text-2xl{
  font-size:25px;
  line-height:1.3;
}

/* why sign up */
section.bg-blue-950\/20{
  background:rgba(3,25,43,.22);
}

section.bg-blue-950\/20 h2,
#faq h2{
  font-family:Montserrat,Poppins,sans-serif;
  font-weight:900;
}

section.bg-blue-950\/20 .p-8{
  min-height:188px;
}

/* ================= CHAT ================= */

#faq-container > .glass-premium{
  border-radius:14px;
}

#faq-container .accordion-btn{
  width:100%;
  border:0;
  color:#fff;
  background:transparent;
  text-align:left;
}

/* ================= TESTIMONIALS ================= */

.star-rating,
.text-yellow-400{
  color:#facc15;
}

section .leading-relaxed{
  line-height:1.75;
}

/* ================= FORM ================= */

#signup{
  background:rgba(4,30,52,.32);
}

#signup .glass-premium{
  border-radius:25px;
  padding:40px;
}

.form-input{
  width:100%;
  height:50px;
  padding:0 16px;
  color:#fff;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.13);
  border-radius:9px;
  outline:none;
  transition:.25s ease;
}

.form-input:focus{
  border-color:rgba(59,130,246,.65);
  background:rgba(255,255,255,.08);
  box-shadow:0 0 0 4px rgba(59,130,246,.10);
}

.form-input::placeholder{
  color:rgba(255,255,255,.35);
}

#submit-btn{
  width:100%;
  min-height:54px;
  border:0;
  border-radius:11px;
  color:#fff;
  background:linear-gradient(90deg,#ef4444,#b91c1c);
  font-size:17px;
  font-weight:700;
  box-shadow:0 12px 30px rgba(239,68,68,.25);
}

#submit-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 38px rgba(239,68,68,.38);
}

.form-message{
  margin-top:12px;
  padding:14px;
}

.success-message{
  background:rgba(34,197,94,.12);
  color:#86efac;
  border:1px solid rgba(34,197,94,.25);
  border-radius:12px;
}

.spinner{
  width:18px;
  height:18px;
  display:inline-block;
  border:2px solid rgba(255,255,255,.35);
  border-top-color:#fff;
  border-radius:50%;
  animation:spin .7s linear infinite;
}

@keyframes spin{to{transform:rotate(360deg)}}

/* ================= FINAL CTA ================= */

section.bg-gradient-to-r{
  position:relative;
  background:linear-gradient(90deg,rgba(30,64,175,.34),rgba(88,28,135,.30));
}

section.bg-gradient-to-r .text-5xl{
  font-family:Montserrat,Poppins,sans-serif;
  font-weight:900;
}

/* ================= FOOTER ================= */

footer{
  background:rgba(0,0,0,.60);
  border-top:1px solid rgba(255,255,255,.06);
}

footer .grid{
  align-items:start;
}

footer li{
  list-style:none;
}

footer ul{
  padding:0;
  margin:0;
}

footer .hover\:text-blue-400:hover{
  color:#60a5fa;
}

footer .hover\:text-white\/70:hover{
  color:rgba(255,255,255,.70);
}

/* ================= EFFECTS ================= */

.blur-3xl{filter:blur(64px)}
.blur-2xl{filter:blur(40px)}
.opacity-5{opacity:.05}
.opacity-20{opacity:.20}
.opacity-50{opacity:.50}
.opacity-60{opacity:.60}
.animate-pulse{animation:pulse 2.5s ease-in-out infinite}
.live-dot{animation:livePulse 1.4s ease-in-out infinite}
.button-glow{animation:buttonGlow 2.2s ease-in-out infinite}

@keyframes pulse{
  0%,100%{opacity:.18;transform:scale(1)}
  50%{opacity:.32;transform:scale(1.06)}
}

@keyframes livePulse{
  0%,100%{opacity:1}
  50%{opacity:.38}
}

@keyframes buttonGlow{
  0%,100%{box-shadow:0 10px 28px rgba(239,68,68,.28)}
  50%{box-shadow:0 10px 38px rgba(239,68,68,.48)}
}

.fade-up-anim{
  opacity:1;
}

.scroll-reveal{
  opacity:0;
  transform:translateY(25px);
  transition:opacity .7s ease,transform .7s ease;
}

.scroll-reveal.visible{
  opacity:1;
  transform:none;
}

.transition,.transition-all,.transition-colors,.transition-opacity{
  transition:all .25s ease;
}

.hover\:bg-white\/10:hover{background:rgba(255,255,255,.10)}
.hover\:bg-white\/20:hover{background:rgba(255,255,255,.20)}
.hover\:border-blue-400\/30:hover{border-color:rgba(96,165,250,.30)}
.hover\:text-white:hover{color:#fff}
.hover\:text-white\/70:hover{color:rgba(255,255,255,.70)}
.hover\:text-blue-400:hover{color:#60a5fa}
.hover\:opacity-80:hover{opacity:.80}

.delay-2s{animation-delay:2s}

.-inset-1{inset:-4px}

.hidden.md\:block{display:none}

/* ================= SCROLLBAR ================= */

::-webkit-scrollbar{width:9px}
::-webkit-scrollbar-track{background:#061722}
::-webkit-scrollbar-thumb{
  background:rgba(156,188,211,.30);
  border-radius:20px;
}
::-webkit-scrollbar-thumb:hover{background:rgba(156,188,211,.45)}

::selection{
  background:rgba(59,130,246,.35);
  color:#fff;
}

/* ================= RESPONSIVE ================= */

@media (min-width:768px){
  .md\:flex-row{flex-direction:row}
  .md\:mt-0{margin-top:0}
  .md\:block{display:block}
}

@media (min-width:1024px){
  .lg\:flex{display:flex}
}

@media (max-width:1023px){
  .sticky-header nav{gap:18px}
  .hero-title{font-size:58px}
}

@media (max-width:767px){
  .sticky-header,
  .sticky-header > div{height:64px}

  .sticky-header > div{
    width:calc(100% - 28px);
  }

  .sticky-header nav{display:none}
  .sticky-header .hidden.md\:block{display:block}

  .max-w-7xl,.max-w-6xl,.max-w-4xl,.max-w-3xl,.max-w-2xl{
    width:calc(100% - 28px);
  }

  #home{
    padding:35px 14px 55px;
    min-height:auto;
  }

  .hero-title{
    font-size:clamp(35px,10vw,52px);
    line-height:1.06;
    letter-spacing:-1.4px;
  }

  #home .text-center.mb-12{
    margin-bottom:32px;
  }

  #location-section{font-size:16px}
  #home .text-white\/60.text-lg{font-size:16px}

  #home .aspect-video .top-6.right-6{
    top:14px;
    right:14px;
    padding:7px 11px;
  }

  .play-button-large{
    width:62px;
    height:62px;
  }

  #home .aspect-video .bottom-0{
    padding:14px;
  }

  #home .fade-up-3.flex{
    flex-direction:column;
    gap:12px;
    margin-bottom:36px;
  }

  .red-button,.green-button,.blue-button{
    width:100%;
    min-width:0;
  }

  #home .max-w-2xl.glass-light{
    padding:13px 14px;
    gap:10px;
  }

  .md\:grid-cols-2,
  .md\:grid-cols-3,
  .md\:grid-cols-4,
  .md\:grid-cols-5{
    grid-template-columns:1fr;
  }

  .text-4xl{font-size:31px}
  .text-5xl{font-size:40px}
  .text-2xl{font-size:23px}

  #schedule .glass-premium,
  #signup .glass-premium{
    padding:25px 20px;
    border-radius:20px;
  }

  footer .grid{grid-template-columns:1fr 1fr}
}

@media (max-width:480px){
  .sticky-header .bg-gradient-to-br{
    width:36px;height:36px;
  }

  .sticky-header .text-sm{font-size:12px}

  .hero-title{
    font-size:34px;
  }

  .text-4xl{font-size:28px}

  .live-status-divider{
    display:none;
  }

  #home .max-w-2xl.glass-light{
    border-radius:13px;
    justify-content:flex-start;
  }

  footer .grid{
    grid-template-columns:1fr;
  }
}

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