/* Zaron Business Solutions - styles.css */
:root{
  --bg: #060607;
  --bg2:#0b0b0f;
  --card:#0f0f14;
  --muted:#b7b7c2;
  --text:#f3f3f7;
  --brand:#ff1a1a;
  --brand2:#b30000;

  --shadow: 0 22px 70px rgba(0,0,0,.55);
  --ring: 0 0 0 4px rgba(255,26,26,.22);
  --radius: 18px;
  --radius2: 26px;
  --max: 1180px;
}
/* Light mode kept for accessibility (red accents, clean whites) */
[data-theme="light"]{
  --bg:#ffffff;
  --bg2:#f7f7fb;
  --card:#ffffff;
  --muted:#3f3f55;
  --text:#0b0b12;
  --brand:#e60000;
  --brand2:#8f0000;
  --shadow: 0 20px 60px rgba(10,10,20,.12);
  --ring: 0 0 0 4px rgba(230,0,0,.18);
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: radial-gradient(1100px 680px at 10% -10%, rgba(255,26,26,.22), transparent 60%),
              radial-gradient(900px 620px at 90% 0%, rgba(179,0,0,.18), transparent 55%),
              linear-gradient(180deg, var(--bg), var(--bg2));
  color: var(--text);
  overflow-x:hidden;
}
a{ color: inherit; text-decoration: none; }
button{ font:inherit; }

.container{ width:min(var(--max), calc(100% - 44px)); margin:0 auto; }
.grid{ display:grid; gap:18px; }
.two{ grid-template-columns: 1.05fr .95fr; }
@media (max-width: 920px){ .two{ grid-template-columns:1fr; } }

.topGlow{
  position: fixed; inset:-30vh -30vw auto -30vw;
  height:60vh; pointer-events:none;
  background: radial-gradient(closest-side, rgba(77,163,255,.23), transparent 70%);
  filter: blur(20px);
  opacity:.9;
  z-index:0;
}

/* Nav */
.nav{
  position:sticky; top:0; z-index:50;
  backdrop-filter: blur(14px);
  background: linear-gradient(180deg, rgba(7,11,20,.78), rgba(7,11,20,.36));
  border-bottom: 1px solid rgba(255,255,255,.08);
}
[data-theme="light"] .nav{
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.52));
  border-bottom: 1px solid rgba(10,30,70,.12);
}
.navBar{
  display:flex; align-items:center; justify-content:space-between;
  padding: 14px 0;
  gap:14px;
}
.brand{ display:flex; align-items:center; gap:12px; min-width: 220px; }
.logoMark{
  width:42px; height:42px; border-radius:14px;
  background: #ffffff !important;
  box-shadow: var(--shadow);
  display:grid; place-items:center;
}
.logoMark svg{ filter: drop-shadow(0 8px 20px rgba(0,0,0,.25)); }
.brandText strong{ display:block; font-weight:800; line-height:1.05; letter-spacing:-.02em; }
.brandText span{ display:block; font-size:12px; color: var(--muted); margin-top:3px; }

.navLinks{ display:flex; flex-wrap:wrap; gap: 12px; justify-content:center; }
.navLinks a{
  font-size: 13px; color: var(--muted);
  padding: 10px 10px; border-radius: 999px;
  transition: .2s ease;
}
.navLinks a:hover{ color: var(--text); background: rgba(255,255,255,.06); }
[data-theme="light"] .navLinks a:hover{ background: rgba(10,30,70,.06); }

.navActions{ display:flex; align-items:center; gap:10px; justify-content:flex-end; min-width: 220px; }

.pill{
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: var(--text);
  padding: 10px 14px;
  border-radius: 999px;
  display:inline-flex; gap:10px; align-items:center;
  transition:.2s ease;
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
  cursor:pointer;
}
[data-theme="light"] .pill{
  border: 1px solid rgba(10,30,70,.12);
  background: rgba(10,30,70,.03);
  box-shadow: 0 10px 28px rgba(10,30,70,.08);
}
.pill:hover{ transform: translateY(-1px); box-shadow: 0 18px 40px rgba(0,0,0,.22); }
.pill.primary{
  border: none;
  background: linear-gradient(135deg, rgba(10, 30, 70, .12), var(--brand2));
  color:#fff;
}
.iconBtn{
  width: 42px; height:42px; border-radius: 999px;
  display:grid; place-items:center;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  cursor:pointer;
  transition:.2s ease;
}
[data-theme="light"] .iconBtn{
  border: 1px solid rgba(10,30,70,.12);
  background: rgba(10,30,70,.03);
}
.iconBtn:hover{ box-shadow: var(--ring); transform: translateY(-1px); }
.hamburger{ display:none; }
@media (max-width: 940px){
  .navLinks{ display:none; }
  .hamburger{ display:grid; }
}

/* Mobile Drawer */
.drawerBackdrop{ position:fixed; inset:0; z-index:90; background: rgba(0,0,0,.45); display:none; }
.drawerBackdrop.show{ display:block; }
.drawer{
  position:fixed; right: 14px; top: 14px;
  width: min(420px, calc(100% - 28px));
  background: linear-gradient(180deg, rgba(15,26,44,.96), rgba(15,26,44,.9));
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius2);
  box-shadow: var(--shadow);
  z-index:100;
  transform: translateY(-10px);
  opacity:0;
  pointer-events:none;
  transition: .22s ease;
}
[data-theme="light"] .drawer{
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(10,30,70,.12);
}
.drawer.open{ transform: translateY(0); opacity:1; pointer-events:auto; }
.drawerHead{ display:flex; align-items:center; justify-content:space-between; padding: 14px 14px 0; }
.drawerBody{ padding: 14px; }
.drawerBody a{
  display:block; padding: 12px 12px; border-radius: 14px;
  color: var(--muted);
  border: 1px solid transparent;
  transition:.2s ease;
}
.drawerBody a:hover{
  color: var(--text);
  border-color: rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
}
[data-theme="light"] .drawerBody a:hover{
  background: rgba(10,30,70,.04);
  border-color: rgba(10,30,70,.12);
}

/* Hero */
header.hero{ position:relative; padding: 58px 0 36px; z-index: 1; }
canvas#particles{ position:absolute; inset:0; width:100%; height:100%; z-index:0; opacity: .9; }
.heroInner{ position:relative; z-index:2; display:grid; grid-template-columns: 1.1fr .9fr; gap: 22px; align-items: center; }
@media (max-width: 920px){ .heroInner{ grid-template-columns:1fr; } }

.kicker{
  display:inline-flex; gap:10px; align-items:center;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: var(--muted);
  font-size: 13px;
  width: fit-content;
  box-shadow: 0 14px 40px rgba(0,0,0,.18);
}
[data-theme="light"] .kicker{
  border: 1px solid rgba(10,30,70,.12);
  background: rgba(10,30,70,.03);
}
.kicker b{ color: var(--text); font-weight:800; }

h1{
  font-size: clamp(34px, 4.2vw, 56px);
  line-height: 1.02;
  letter-spacing:-.03em;
  margin: 14px 0 12px;
  font-weight: 900;
}
.gradientText{
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
}
.lead{ font-size: 16px; line-height: 1.6; color: var(--muted); max-width: 56ch; margin: 0 0 18px; }
.heroCtas{ display:flex; flex-wrap:wrap; gap: 12px; align-items:center; margin-top: 18px; }
.heroBadges{ display:flex; flex-wrap:wrap; gap:10px; margin-top: 16px; color: var(--muted); font-size: 13px; }
.badge{
  display:inline-flex; gap:8px; align-items:center;
  padding: 9px 11px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
}
[data-theme="light"] .badge{
  border:1px solid rgba(10,30,70,.10);
  background: rgba(10,30,70,.03);
}

/* Hero visual */
.heroCard{
  border-radius: var(--radius2);
  background: linear-gradient(180deg, rgba(15,26,44,.85), rgba(15,26,44,.65));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: var(--shadow);
  overflow:hidden;
  position:relative;
  min-height: 420px;
}
[data-theme="light"] .heroCard{
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(10,30,70,.12);
}
.heroCard .img{
  height: 230px;
  background:
    linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.28)),
    url("https://images.unsplash.com/photo-1523966211575-eb4a01e7dd51?auto=format&fit=crop&w=1400&q=80") center/cover no-repeat;
  filter: saturate(1.15) contrast(1.05);
}
[data-theme="light"] .heroCard .img{ filter: saturate(1.05) contrast(1.02); }
.heroCard .content{ padding: 16px 16px 18px; }
.heroCard h3{ margin: 4px 0 6px; font-size: 18px; letter-spacing:-.02em; }
.heroCard p{ margin: 0 0 12px; color: var(--muted); line-height: 1.6; font-size: 14px; }

.miniGrid{ display:grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }
.mini{
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  border-radius: 16px;
  padding: 12px;
  min-height: 86px;
}
[data-theme="light"] .mini{
  border: 1px solid rgba(10,30,70,.12);
  background: rgba(10,30,70,.03);
}
.mini .top{ display:flex; align-items:center; justify-content:space-between; color: var(--muted); font-size: 12px; margin-bottom: 8px; }
.mini strong{ font-size: 20px; letter-spacing:-.02em; }

/* Section base */
section{ position:relative; z-index:1; padding: 56px 0; }
.sectionHead{ display:flex; align-items:flex-end; justify-content:space-between; gap: 18px; margin-bottom: 22px; }
.sectionHead h2{ margin:0; font-size: clamp(22px, 2.2vw, 30px); letter-spacing:-.02em; }
.sectionHead p{ margin:0; color: var(--muted); line-height:1.6; max-width: 68ch; }

.card{
  border-radius: var(--radius2);
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 48px rgba(0,0,0,.18);
  overflow:hidden;
}
[data-theme="light"] .card{
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(10,30,70,.12);
  box-shadow: 0 18px 48px rgba(10,30,70,.10);
}

/* Tiles */
.tiles{ grid-template-columns: repeat(3, 1fr); }
@media (max-width: 960px){ .tiles{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px){ .tiles{ grid-template-columns: 1fr; } }

.tile{
  padding: 16px;
  border-radius: var(--radius2);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.12);
  cursor:pointer;
  transition: .2s ease;
  position:relative;
  overflow:hidden;
}
[data-theme="light"] .tile{
  background: rgba(10,30,70,.02);
  border: 1px solid rgba(10,30,70,.12);
}
.tile:hover{ transform: translateY(-2px); box-shadow: var(--ring); }
.tile .icon{
  width:42px; height:42px; border-radius: 16px;
  display:grid; place-items:center;
  background: linear-gradient(135deg, rgba(77,163,255,.25), rgba(124,92,255,.18));
  border: 1px solid rgba(255,255,255,.14);
  margin-bottom: 10px;
}
.tile h3{ margin: 8px 0 6px; font-size: 16px; letter-spacing:-.02em; }
.tile p{ margin:0; color: var(--muted); line-height:1.6; font-size: 13.5px; }

.chipRow{ display:flex; flex-wrap:wrap; gap:8px; margin-top: 12px; }
.chip{
  font-size: 12px;
  color: var(--muted);
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  padding: 7px 10px;
  border-radius: 999px;
}
[data-theme="light"] .chip{
  border:1px solid rgba(10,30,70,.12);
  background: rgba(10,30,70,.03);
}

/* Filter bar */
.filterBar{ display:flex; flex-wrap:wrap; gap: 10px; align-items:center; margin: 8px 0 18px; }
.filterBar input{
  flex: 1 1 240px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  color: var(--text);
  padding: 11px 12px;
  border-radius: 14px;
  outline:none;
  transition:.2s ease;
}
[data-theme="light"] .filterBar input{
  background: rgba(10,30,70,.03);
  border: 1px solid rgba(10,30,70,.12);
  color: var(--text);
}
.filterBar input:focus{ box-shadow: var(--ring); }
.tabs{ display:flex; flex-wrap:wrap; gap: 8px; }
.tab{
  padding: 9px 11px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: var(--muted);
  cursor:pointer;
  transition:.2s ease;
  font-size: 12.5px;
}
[data-theme="light"] .tab{
  border:1px solid rgba(10,30,70,.12);
  background: rgba(10,30,70,.03);
}
.tab.active{
  color:#fff;
  border:none;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
}

/* Stats */
.stats{ grid-template-columns: repeat(4, 1fr); gap: 12px; }
@media (max-width: 920px){ .stats{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px){ .stats{ grid-template-columns: 1fr; } }
.stat{
  padding: 18px;
  border-radius: var(--radius2);
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  position:relative;
  overflow:hidden;
}
[data-theme="light"] .stat{
  border: 1px solid rgba(10,30,70,.12);
  background: rgba(10,30,70,.02);
}
.stat strong{ font-size: 30px; letter-spacing:-.03em; display:block; }
.stat span{ color: var(--muted); font-size: 13px; display:block; margin-top: 4px; line-height:1.4; }
.stat .spark{
  position:absolute; right:-20px; top:-20px;
  width:120px; height:120px; border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, rgba(77,163,255,.28), rgba(124,92,255,.08), transparent 70%);
  opacity:.9;
}

/* Gallery */
.gallery{ grid-template-columns: 1.2fr .8fr .8fr; grid-auto-rows: 220px; }
@media (max-width: 960px){ .gallery{ grid-template-columns: 1fr 1fr; grid-auto-rows: 200px; } }
@media (max-width: 560px){ .gallery{ grid-template-columns: 1fr; grid-auto-rows: 210px; } }
.shot{
  position:relative;
  border-radius: var(--radius2);
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.12);
  cursor: zoom-in;
  background: rgba(255,255,255,.04);
}
[data-theme="light"] .shot{ border: 1px solid rgba(10,30,70,.12); }
.shot img{
  width:100%; height:100%; object-fit:cover;
  transform: scale(1.02);
  transition: transform .35s ease;
  filter: saturate(1.12);
}
.shot:hover img{ transform: scale(1.08); }
.shot .cap{
  position:absolute; left:0; right:0; bottom:0;
  padding: 12px 12px 10px;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.58));
  color:#fff;
  display:flex; justify-content:space-between; align-items:flex-end; gap: 10px;
}
.cap strong{ font-size: 14px; letter-spacing:-.01em; }
.cap span{ font-size: 12px; opacity:.9; }

/* Testimonials */
.slider{
  position:relative;
  overflow:hidden;
  border-radius: var(--radius2);
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
}
[data-theme="light"] .slider{
  border: 1px solid rgba(10,30,70,.12);
  background: rgba(10,30,70,.02);
}
.slides{ display:flex; transition: transform .35s ease; will-change: transform; }
.quote{ min-width: 100%; padding: 18px; display:grid; gap: 10px; }
.quote p{ margin:0; color: var(--text); line-height:1.65; font-size: 15px; }
.quote .who{ display:flex; align-items:center; gap: 10px; color: var(--muted); font-size: 13px; }
.avatar{
  width: 38px; height:38px; border-radius: 999px;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  display:grid; place-items:center;
  color:#fff; font-weight: 800;
}
.sliderNav{ position:absolute; right:12px; bottom:12px; display:flex; gap: 8px; }
.dot{
  width: 10px; height:10px; border-radius: 999px;
  background: rgba(255,255,255,.25);
  border: 1px solid rgba(255,255,255,.18);
  cursor:pointer;
}
[data-theme="light"] .dot{
  background: rgba(10,30,70,.14);
  border: 1px solid rgba(10,30,70,.12);
}
.dot.active{ background: linear-gradient(135deg, var(--brand), var(--brand2)); border:none; }

/* FAQ */
.faq{
  border-radius: var(--radius2);
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  overflow:hidden;
}
[data-theme="light"] .faq{
  border: 1px solid rgba(10,30,70,.12);
  background: rgba(10,30,70,.02);
}
details{ padding: 14px 16px; border-top: 1px solid rgba(255,255,255,.10); }
details:first-child{ border-top:none; }
summary{
  list-style:none;
  cursor:pointer;
  display:flex; align-items:center; justify-content:space-between;
  gap: 12px;
  font-weight: 700;
  letter-spacing:-.01em;
}
summary::-webkit-details-marker{ display:none; }
details p{ margin: 10px 0 0; color: var(--muted); line-height:1.6; font-size: 14px; }

/* Contact */
.contactWrap{
  border-radius: var(--radius2);
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  overflow:hidden;
  box-shadow: var(--shadow);
}
[data-theme="light"] .contactWrap{
  border: 1px solid rgba(10,30,70,.12);
  background: rgba(255,255,255,.9);
}
.contactGrid{ display:grid; grid-template-columns: .95fr 1.05fr; }
@media (max-width: 920px){ .contactGrid{ grid-template-columns:1fr; } }
.contactLeft{
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.26)),
    url("https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?auto=format&fit=crop&w=1400&q=80") center/cover no-repeat;
  min-height: 320px;
  display:flex; flex-direction:column; justify-content:flex-end;
}
.contactLeft .box{
  background: rgba(7,11,20,.65);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  padding: 14px;
  backdrop-filter: blur(10px);
}
[data-theme="light"] .contactLeft .box{
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(10,30,70,.12);
}
.contactRight{ padding: 18px; }
.formRow{ display:grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 560px){ .formRow{ grid-template-columns: 1fr; } }
label{ display:block; font-size: 12px; color: var(--muted); margin: 10px 0 6px; }
input, textarea, select{
  width:100%;
  border-radius: 14px;
  padding: 11px 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: #1b1b1b;
  color: var(--text);
  outline:none;
  transition:.2s ease;
}
[data-theme="light"] input, [data-theme="light"] textarea, [data-theme="light"] select{
  background: rgba(10,30,70,.03);
  border: 1px solid rgba(10,30,70,.12);
}
input:focus, textarea:focus, select:focus{ box-shadow: var(--ring); }
textarea{ min-height: 120px; resize: vertical; }

/* Footer */
footer{ padding: 30px 0 38px; color: var(--muted); border-top: 1px solid rgba(255,255,255,.10); }
[data-theme="light"] footer{ border-top: 1px solid rgba(10,30,70,.10); }
.foot{ display:flex; flex-wrap:wrap; gap: 12px; align-items:center; justify-content:space-between; }
.foot small{ font-size: 12px; line-height:1.5; }

/* Modal + Lightbox */
.overlay{
  position:fixed; inset:0; z-index:200;
  background: rgba(0,0,0,.55);
  display:none;
  align-items:center; justify-content:center;
  padding: 18px;
}
.overlay.show{ display:flex; }
.modal{
  width: min(880px, 100%);
  border-radius: var(--radius2);
  background: linear-gradient(180deg, rgba(15,26,44,.96), rgba(15,26,44,.9));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: var(--shadow);
  overflow:hidden;
  transform: translateY(8px);
  opacity: 0;
  transition: .2s ease;
}
[data-theme="light"] .modal{
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(10,30,70,.12);
}
.overlay.show .modal{ transform: translateY(0); opacity: 1; }
.modalHead{
  padding: 14px 14px 0;
  display:flex; align-items:flex-start; justify-content:space-between;
  gap: 12px;
}
.modalHead h3{ margin:0; letter-spacing:-.02em; }
.modalBody{ padding: 14px; display:grid; grid-template-columns: 1.05fr .95fr; gap: 12px; }
@media (max-width: 860px){ .modalBody{ grid-template-columns:1fr; } }
.modalBody img{ width:100%; height: 260px; object-fit: cover; border-radius: 18px; border: 1px solid rgba(255,255,255,.12); }
[data-theme="light"] .modalBody img{ border: 1px solid rgba(10,30,70,.12); }
.modalBody p{ margin:0; color: var(--muted); line-height:1.7; }
.modalFoot{ padding: 0 14px 14px; display:flex; gap: 10px; flex-wrap:wrap; justify-content:flex-end; }

.lightboxImg{
  width: min(1080px, 100%);
  border-radius: var(--radius2);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: var(--shadow);
  background: rgba(0,0,0,.4);
  overflow:hidden;
}
.lightboxImg img{ width:100%; height:auto; display:block; }

/* Reveal */
.reveal{ opacity:0; transform: translateY(12px); transition: .55s ease; }
.reveal.in{ opacity:1; transform: translateY(0); }

/* Smooth scroll offset */
.anchor{ scroll-margin-top: 90px; }

.contact-box, .contact-box * { color:#ffffff !important; }


/* Brand logo */
.brandLogo{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));}

/* Sticky logo animation on scroll */
.nav.scrolled .logoMark{
  transform: translateY(-1px) scale(.92);
  box-shadow: 0 18px 48px rgba(0,0,0,.55), 0 0 0 1px rgba(255,26,26,.25) inset;
}
.logoMark{
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.nav.scrolled .brandText strong{
  letter-spacing:-.03em;
}
.nav.scrolled{
  background: linear-gradient(180deg, rgba(6,6,7,.92), rgba(6,6,7,.55));
}
[data-theme="light"] .nav.scrolled{
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.58));
}

/* Loader */
.loader{
  position:fixed; inset:0; z-index:9999;
  display:grid; place-items:center;
  background: radial-gradient(900px 600px at 50% 30%, rgba(255,26,26,.16), transparent 60%),
              linear-gradient(180deg, #050506, #0b0b0f);
  transition: opacity .35s ease, visibility .35s ease;
}
[data-theme="light"] .loader{
  background: radial-gradient(900px 600px at 50% 30%, rgba(230,0,0,.12), transparent 60%),
              linear-gradient(180deg, #ffffff, #f7f7fb);
}
.loader.hide{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.loaderInner{
  text-align:center;
  width:min(520px, calc(100% - 40px));
  padding: 20px 18px;
  border-radius: 26px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(12px);
  box-shadow: 0 22px 70px rgba(0,0,0,.55);
}
[data-theme="light"] .loaderInner{
  border:1px solid rgba(10,10,20,.10);
  background: rgba(255,255,255,.7);
  box-shadow: 0 20px 60px rgba(10,10,20,.12);
}
.loaderLogoWrap{
  position:relative;
  width: 86px; height:86px;
  margin: 2px auto 12px;
  border-radius: 26px;
  display:grid; place-items:center;
  background: linear-gradient(135deg, rgba(255,26,26,.30), rgba(179,0,0,.16));
  border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
}
.loaderLogo{
  width: 52px; height:52px;
  object-fit:contain;
  animation: loaderFloat 1.5s ease-in-out infinite;
  filter: drop-shadow(0 14px 28px rgba(0,0,0,.55));
}
.loaderGlow{
  position:absolute; inset:-40%;
  background: radial-gradient(circle at 30% 30%, rgba(255,26,26,.35), transparent 60%),
              radial-gradient(circle at 70% 60%, rgba(179,0,0,.25), transparent 55%);
  filter: blur(18px);
  animation: loaderSpin 4.2s linear infinite;
  opacity:.9;
}
@keyframes loaderFloat{
  0%,100%{ transform: translateY(0) scale(1); }
  50%{ transform: translateY(-4px) scale(1.02); }
}
@keyframes loaderSpin{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}
.loaderBar{
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
  margin: 12px auto 10px;
}
[data-theme="light"] .loaderBar{
  background: rgba(10,10,20,.05);
  border:1px solid rgba(10,10,20,.10);
}
.loaderBar span{
  display:block; height:100%;
  width: 40%;
  background: linear-gradient(90deg, rgba(255,26,26,.0), rgba(255,26,26,.9), rgba(179,0,0,.85), rgba(255,26,26,.0));
  animation: loaderBar 1.2s ease-in-out infinite;
}
@keyframes loaderBar{
  0%{ transform: translateX(-120%); }
  100%{ transform: translateX(320%); }
}
.loaderText{
  color: var(--muted);
  font-size: 12.5px;
  letter-spacing:.12em;
  text-transform: uppercase;
}

/* Glass contact card + red glow */
.contactWrap{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,26,26,.18);
  box-shadow: 0 28px 90px rgba(0,0,0,.62), 0 0 0 1px rgba(255,26,26,.12) inset;
}
.contactRight{
  background: radial-gradient(900px 520px at 10% 10%, rgba(255,26,26,.12), transparent 55%),
              radial-gradient(700px 520px at 90% 30%, rgba(179,0,0,.10), transparent 60%),
              rgba(255,255,255,.02);
  backdrop-filter: blur(14px);
}
.contactLeft .box{
  border: 1px solid rgba(255,26,26,.18);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
}


.btn, .primary-btn{
  background: linear-gradient(135deg,#ff1a1a,#b30000)!important;
  color:#fff!important;
  border:none!important;
}
.btn:hover, .primary-btn:hover{
  filter:brightness(1.1);
}
a, .highlight, .brandText strong{
  color:#ff1a1a!important;
}

button, .btn, .primary-btn, .cta, input[type=submit]{
  color:#ffffff !important;
}
button *, .btn *, .primary-btn *, .cta *{
  color:#ffffff !important;
}
button:hover, .btn:hover, .primary-btn:hover, .cta:hover{
  color:#ffffff !important;
}