/* ===============================================================
 Team TararBari — OLD ZIP EXACT V16
 Rebuild of the uploaded TararBari-OLD(1).zip visual system.
 =============================================================== */
body.theme-tararbari-old-exact-v16{
 --old-bg:#0f0f23;--old-nav:#111827;--old-cyan:#22d3ee;--old-blue:#2563eb;--old-purple:#a855f7;--old-orange:#f97316;
 background:#0f0f23!important;color:#fff!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important
}
body.theme-tararbari-old-exact-v16 main{padding-top:0!important}
body.theme-tararbari-old-exact-v16 .nav{
 background:#111827!important;border-bottom:1px solid #1f2937!important;box-shadow:0 10px 28px rgba(0,0,0,.28)!important
}
body.theme-tararbari-old-exact-v16 .nav.scrolled{background:rgba(17,24,39,.80)!important;backdrop-filter:blur(16px)!important}
body.theme-tararbari-old-exact-v16 .nav-inner{min-height:64px!important;max-width:1280px!important}
body.theme-tararbari-old-exact-v16 .brand>span{
 font-family:ui-sans-serif,system-ui,sans-serif!important;font-weight:800!important;
 background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent
}
body.theme-tararbari-old-exact-v16 .brand small{color:#9ca3af!important;font-family:inherit!important}
body.theme-tararbari-old-exact-v16 .links a{
 color:#d1d5db!important;font-size:14px!important;font-weight:500!important;background:transparent!important;padding:8px 4px!important
}
body.theme-tararbari-old-exact-v16 .links a:hover,body.theme-tararbari-old-exact-v16 .links a.active{
 color:#fff!important;text-decoration:underline!important;text-decoration-color:#818cf8!important;text-decoration-thickness:2px!important;text-underline-offset:5px!important
}
body.theme-tararbari-old-exact-v16.tb-v16-ready main>.builder-block{display:none!important}
body.theme-tararbari-old-exact-v16 #tb-v16-home{display:block!important}

.old16-home{background:#0f0f23}
.old16-wrap{width:min(1280px,calc(100% - 48px));margin:auto}

/* exact old Hero language */
.old16-hero{
 height:90vh;min-height:660px;position:relative;overflow:hidden;border-radius:30px;margin:20px 32px 0;
 background:linear-gradient(135deg,#111827,#0f172a,#000);isolation:isolate
}
.old16-hero-bg{position:absolute;inset:0;background:#111 center/cover no-repeat;opacity:.32;animation:old16Bg 8s ease-in-out infinite alternate}
.old16-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(37,99,235,.45),rgba(168,85,247,.26),rgba(249,115,22,.18))}
.old16-particles{position:absolute;inset:0;overflow:hidden}
.old16-particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.35);animation:old16Float var(--d,7s) ease-in-out infinite}
.old16-hero-inner{position:relative;z-index:4;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 64px;gap:50px}
.old16-copy{flex:1;max-width:760px}
.old16-status{display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.10);backdrop-filter:blur(8px);border-radius:999px;color:#67e8f9;font-size:14px;font-weight:600}
.old16-status:before{content:"✦";color:#22d3ee}
.old16-hero h1{
 font-size:clamp(42px,5.3vw,74px);line-height:1.02;margin:24px 0 10px;font-weight:800;
 background:linear-gradient(90deg,#fff,#bae6fd,#93c5fd);-webkit-background-clip:text;background-clip:text;color:transparent
}
.old16-subtitle{font-size:clamp(22px,2.4vw,38px);font-weight:650;color:#d1d5db;margin-bottom:18px}
.old16-desc{font-size:clamp(16px,1.4vw,20px);line-height:1.65;color:#9ca3af;max-width:700px}
.old16-actions{display:flex;gap:14px;margin-top:28px}
.old16-btn{min-height:52px;padding:0 26px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;color:white;background:linear-gradient(90deg,#2563eb,#0891b2);box-shadow:0 15px 30px rgba(37,99,235,.22);transition:.25s}
.old16-btn.alt{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);box-shadow:none}
.old16-btn:hover{transform:scale(1.04) translateY(-2px)}
.old16-rover-side{flex:1;max-width:560px;display:block;perspective:1000px}
.old16-rover-glow{position:absolute;inset:-15%;background:linear-gradient(90deg,rgba(59,130,246,.18),rgba(168,85,247,.16));filter:blur(55px);border-radius:50%}
.old16-rover-card{position:relative;animation:old16Rover 6s ease-in-out infinite}
.old16-rover-card img{width:100%;border-radius:18px;box-shadow:0 30px 70px rgba(37,99,235,.28)}
.old16-hero-stats{position:absolute;z-index:8;bottom:32px;left:50%;transform:translateX(-50%);width:min(1150px,calc(100% - 48px));padding:18px 22px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.30);backdrop-filter:blur(10px);border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.old16-hero-stat{text-align:center}.old16-hero-stat strong{display:block;font-size:18px}.old16-hero-stat span{display:block;font-size:11px;color:#9ca3af;margin-top:5px}

/* A little bit of Mars */
.old16-about{padding:90px 0;background:#0f0f23}
.old16-about-head{text-align:center;max-width:900px;margin:0 auto 45px}
.old16-kicker{color:#22d3ee;font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.old16-about h2,.old16-features h2,.old16-numbers h2{font-size:clamp(38px,4vw,58px);margin:10px 0 16px}
.old16-about p{color:#9ca3af;font-size:18px;line-height:1.7}
.old16-about-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.old16-about-image{min-height:430px;border-radius:18px;background:#111 center/cover no-repeat;box-shadow:0 25px 65px rgba(0,0,0,.3)}
.old16-about-copy{color:#cbd5e1;line-height:1.8;font-size:16px}

/* old white feature section */
.old16-features{padding:90px 0;background:#f8fafc;color:#111827}
.old16-feature-head{text-align:center;max-width:900px;margin:0 auto 50px}
.old16-feature-head p{color:#64748b;font-size:18px}
.old16-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.old16-feature{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:28px;min-height:290px;box-shadow:0 12px 28px rgba(15,23,42,.08);transition:.28s}
.old16-feature:hover{transform:translateY(-7px);box-shadow:0 24px 48px rgba(15,23,42,.13)}
.old16-feature-icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#2563eb,#06b6d4);display:grid;place-items:center;color:#fff;font-size:28px;margin-bottom:18px}
.old16-feature:nth-child(2) .old16-feature-icon{background:linear-gradient(135deg,#f97316,#ef4444)}
.old16-feature:nth-child(3) .old16-feature-icon{background:linear-gradient(135deg,#8b5cf6,#ec4899)}
.old16-feature h3{font-size:23px;margin:0 0 12px}.old16-feature p{color:#64748b;line-height:1.65}.old16-feature a{color:#1d4ed8;font-weight:800;text-decoration:none}

/* mission numbers */
.old16-numbers{padding:95px 0;background:linear-gradient(135deg,#111827,#0f172a,#000);color:#fff}
.old16-numbers-head{text-align:center;max-width:900px;margin:0 auto 45px}.old16-numbers-head p{color:#9ca3af;font-size:18px}
.old16-number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.old16-number{padding:28px 18px;text-align:center;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);backdrop-filter:blur(7px)}
.old16-number strong{font-size:clamp(35px,4vw,58px);display:block;background:linear-gradient(90deg,#22d3ee,#60a5fa,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent}
.old16-number span{color:#cbd5e1;font-size:13px}

/* current projects/achievements shown in old visual language */
.old16-projects{padding:90px 0;background:#fff;color:#111827}
.old16-section-title{text-align:center;max-width:850px;margin:0 auto 45px}.old16-section-title h2{font-size:clamp(36px,4vw,56px);margin:0 0 10px}.old16-section-title p{color:#64748b}
.old16-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.old16-project{border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;background:white;box-shadow:0 12px 30px rgba(15,23,42,.08)}
.old16-project-img{aspect-ratio:16/10;background:#111 center/cover no-repeat}.old16-project-body{padding:22px}.old16-project-body small{color:#2563eb;font-weight:800;text-transform:uppercase}.old16-project-body h3{font-size:24px;margin:8px 0}.old16-project-body p{color:#64748b;line-height:1.55}.old16-project-body a{color:#1d4ed8;font-weight:800;text-decoration:none}

/* exact old orange CTA */
.old16-cta{padding:100px 24px;text-align:center;background:linear-gradient(110deg,#dc2626,#f97316 55%,#ef4444);color:white}
.old16-cta h2{font-size:clamp(42px,5vw,72px);line-height:1;margin:0 0 22px}.old16-cta p{max-width:850px;margin:0 auto;color:#ffedd5;font-size:20px;line-height:1.6}
.old16-cta .old16-btn{margin-top:30px;background:white;color:#c2410c;box-shadow:0 15px 35px rgba(0,0,0,.18)}

/* inner pages */
body.theme-tararbari-old-exact-v16 .page-hero,body.theme-tararbari-old-exact-v16 .project-hero,body.theme-tararbari-old-exact-v16 .profile-hero{
 background:linear-gradient(135deg,#111827,#0f172a,#000)!important;padding:100px 0 70px!important;text-align:center!important
}
body.theme-tararbari-old-exact-v16 .page-hero h1,body.theme-tararbari-old-exact-v16 .project-hero h1,body.theme-tararbari-old-exact-v16 .profile-hero h1{
 font-family:ui-sans-serif,system-ui,sans-serif!important;background:linear-gradient(90deg,#fff,#bae6fd,#93c5fd)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;font-size:clamp(44px,6vw,78px)!important
}
body.theme-tararbari-old-exact-v16 .card{border-radius:18px!important}
body.theme-tararbari-old-exact-v16 .btn{border-radius:12px!important}
body.theme-tararbari-old-exact-v16 footer{background:#111827!important}

@media(max-width:950px){
 .old16-hero-inner{padding:0 30px}.old16-rover-side{display:none}
 .old16-copy{max-width:780px}.old16-about-panel{grid-template-columns:1fr}
 .old16-feature-grid,.old16-project-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 .old16-hero{height:650px;min-height:650px;margin:10px 7px 0;border-radius:20px}
 .old16-hero-inner{padding:0 22px;align-items:flex-start;padding-top:82px}
 .old16-hero h1{font-size:clamp(34px,10vw,52px);margin-top:16px}
 .old16-subtitle{font-size:20px}.old16-desc{font-size:13px;max-width:92%}
 .old16-actions{display:grid;grid-template-columns:1.45fr .95fr;gap:5px;width:100%}
 .old16-btn{min-height:40px;padding:0 5px;font-size:8px;white-space:nowrap}
 .old16-hero-stats{bottom:16px;padding:10px;width:calc(100% - 24px);grid-template-columns:repeat(2,1fr);gap:6px}
 .old16-hero-stat:nth-child(n+3){display:none}
 .old16-wrap{width:calc(100% - 28px)}
 .old16-about,.old16-features,.old16-numbers,.old16-projects{padding:65px 0}
 .old16-about-image{min-height:300px}
 .old16-feature-grid,.old16-project-grid{grid-template-columns:1fr}
 .old16-number-grid{grid-template-columns:1fr 1fr}
 .old16-cta{padding:72px 20px}
}
@keyframes old16Bg{from{transform:scale(1.03)}to{transform:scale(1.08)}}
@keyframes old16Rover{0%,100%{transform:translateY(0) rotateZ(0)}50%{transform:translateY(-10px) rotateZ(1deg)}}
@keyframes old16Float{0%,100%{opacity:.08;transform:translate(0,0)}50%{opacity:.7;transform:translate(35px,-35px)}}

/* ============================================================
   V16.1 — TararBari OLD Exact Hero overlap correction
   ============================================================ */

@media (min-width: 951px) {
  body.theme-tararbari-old-exact-v16 .old16-hero {
    height: 90vh !important;
    min-height: 760px !important;
  }

  body.theme-tararbari-old-exact-v16 .old16-hero-inner {
    align-items: flex-start !important;
    padding-top: clamp(42px, 6vh, 72px) !important;
    padding-bottom: 175px !important;
    box-sizing: border-box !important;
  }

  body.theme-tararbari-old-exact-v16 .old16-copy {
    max-width: 710px !important;
    padding-bottom: 20px !important;
  }

  body.theme-tararbari-old-exact-v16 .old16-hero h1 {
    font-size: clamp(40px, 4.45vw, 66px) !important;
    line-height: 1.01 !important;
    margin: 20px 0 10px !important;
  }

  body.theme-tararbari-old-exact-v16 .old16-subtitle {
    font-size: clamp(21px, 2vw, 32px) !important;
    line-height: 1.15 !important;
    margin-bottom: 14px !important;
  }

  body.theme-tararbari-old-exact-v16 .old16-desc {
    font-size: clamp(15px, 1.2vw, 18px) !important;
    line-height: 1.5 !important;
    max-width: 660px !important;
  }

  body.theme-tararbari-old-exact-v16 .old16-actions {
    margin-top: 20px !important;
    position: relative !important;
    z-index: 45 !important;
  }

  body.theme-tararbari-old-exact-v16 .old16-rover-side {
    align-self: center !important;
    margin-bottom: 120px !important;
  }

  body.theme-tararbari-old-exact-v16 .old16-hero-stats {
    bottom: 20px !important;
    z-index: 30 !important;
    min-height: 78px !important;
  }
}

@media (min-width: 951px) and (max-width: 1400px) {
  body.theme-tararbari-old-exact-v16 .old16-hero-inner {
    padding-top: 36px !important;
    padding-left: 46px !important;
    padding-right: 46px !important;
    padding-bottom: 168px !important;
  }

  body.theme-tararbari-old-exact-v16 .old16-copy {
    max-width: 620px !important;
  }

  body.theme-tararbari-old-exact-v16 .old16-hero h1 {
    font-size: clamp(37px, 4vw, 56px) !important;
  }

  body.theme-tararbari-old-exact-v16 .old16-subtitle {
    font-size: clamp(19px, 1.8vw, 28px) !important;
  }
}

@media (max-width: 950px) {
  body.theme-tararbari-old-exact-v16 .old16-hero {
    min-height: 700px !important;
  }

  body.theme-tararbari-old-exact-v16 .old16-hero-inner {
    padding-bottom: 132px !important;
  }

  body.theme-tararbari-old-exact-v16 .old16-actions {
    position: relative !important;
    z-index: 45 !important;
  }

  body.theme-tararbari-old-exact-v16 .old16-hero-stats {
    z-index: 30 !important;
  }
}

@media (max-width: 650px) {
  body.theme-tararbari-old-exact-v16 .old16-hero {
    min-height: 690px !important;
    height: 690px !important;
  }

  body.theme-tararbari-old-exact-v16 .old16-hero-inner {
    padding-top: 68px !important;
    padding-bottom: 126px !important;
  }

  body.theme-tararbari-old-exact-v16 .old16-actions {
    display: grid !important;
    grid-template-columns: minmax(0,1.48fr) minmax(0,.92fr) !important;
    gap: 5px !important;
    width: 100% !important;
  }

  body.theme-tararbari-old-exact-v16 .old16-btn {
    min-width: 0 !important;
    width: 100% !important;
    padding: 0 4px !important;
    font-size: 7.5px !important;
    white-space: nowrap !important;
  }
}

