

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Playfair+Display:wght@600;700;900&family=Oswald:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700;800&family=Nunito:wght@400;600;700;800&family=Rubik:wght@400;500;600;700&family=Sora:wght@400;500;600;700&display=swap');


[data-cards] .team-badge-card,
[data-cards] .lead-card,
[data-cards] .cd-box,
[data-cards] .card,
[data-cards] .gcard,
[data-cards] .cm-card,
[data-cards] .sp-card,
[data-cards] .plr-card,
[data-cards] .rule-card,
[data-cards] .mvv-card,
[data-cards] .why-card,
[data-cards] .tcard{
  border-radius: var(--k-radius, 6px);
  border-width: var(--k-border-w, 1px);
  border-style: var(--k-border-style, solid);
  box-shadow: var(--k-shadow, 0 18px 40px -30px rgba(var(--shade),0.9));
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
/* Card ka accent — upar patti ya baayein patti (design ke hisaab se) */
[data-cards] .team-badge-card,
[data-cards] .cm-card,
[data-cards] .sp-card,
[data-cards] .lead-card,
[data-cards] .rule-card{ position:relative; overflow:hidden; }

[data-cards] .team-badge-card::after,
[data-cards] .cm-card::after,
[data-cards] .sp-card::after,
[data-cards] .rule-card::after{
  content:"";
  position:absolute; left:0; top:0;
  height:var(--k-bar-h, 0px);
  width:var(--k-bar-w, 100%);
  background:var(--k-bar-bg, linear-gradient(90deg,var(--red),var(--gold)));
  border-top-left-radius:inherit;
  border-top-right-radius:var(--k-bar-tr, inherit);
  pointer-events:none;
}

[data-cards] .team-badge-card::before,
[data-cards] .cm-card::before,
[data-cards] .sp-card::before,
[data-cards] .rule-card::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:var(--k-side-w, 0px);
  background:var(--k-side-bg, var(--red));
  pointer-events:none;
}
/* Hover lift — design ke hisaab se kam/zyada */
[data-cards] .team-badge-card:hover,
[data-cards] .cm-card:hover,
[data-cards] .sp-card:hover,
[data-cards] .gcard:hover,
[data-cards] .rule-card:hover,
[data-cards] .mvv-card:hover,
[data-cards] .why-card:hover{
  transform: translateY(var(--k-lift, -4px));
  box-shadow: var(--k-shadow-hover, var(--k-shadow, 0 22px 44px -26px rgba(var(--shade),1)));
  border-color: var(--k-border-hover, var(--border-red));
}

/* ==========================================================
   10 CARD DESIGNS  (data-cards="k1".."k10")
   ========================================================== */
/* k1 · Classic glow — asli MPL look */
[data-cards="k1"]{ --k-radius:6px; --k-lift:-4px; }

/* k2 · Soft Rounded — bade rounded kone, halki lift */
[data-cards="k2"]{ --k-radius:18px; --k-lift:-6px;
  --k-shadow:0 20px 44px -30px rgba(var(--shade),0.9); }

/* k3 · Pill Airy — full rounded, hollow border */
[data-cards="k3"]{ --k-radius:24px; --k-border-w:1.5px; --k-lift:-7px;
  --k-shadow:0 24px 50px -34px rgba(var(--shade),0.85); }

/* k4 · Gold Hairline — square, patli chamakti border */
[data-cards="k4"]{ --k-radius:3px; --k-border-w:1px; --k-shadow:none;
  --k-border-hover:var(--gold); --k-lift:-3px; }
[data-cards="k4"] .team-badge-card,
[data-cards="k4"] .lead-card,
[data-cards="k4"] .cd-box,
[data-cards="k4"] .sp-card,
[data-cards="k4"] .cm-card{ border-color:var(--border-gold); }

/* k5 · Clipped Corner — sport poster cut */
[data-cards="k5"]{ --k-radius:0px; --k-lift:-4px; }
[data-cards="k5"] .team-badge-card,
[data-cards="k5"] .lead-card,
[data-cards="k5"] .sp-card,
[data-cards="k5"] .cm-card,
[data-cards="k5"] .gcard{
  clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);
}

/* k6 · Neon Glow — chamakti double-ring border */
[data-cards="k6"]{ --k-radius:2px; --k-border-w:1px; --k-lift:-4px;
  --k-shadow:0 0 0 1px rgba(var(--acc-red),0.3), 0 0 26px -6px rgba(var(--acc-red),0.5);
  --k-shadow-hover:0 0 0 1px rgba(var(--acc-red),0.6), 0 0 40px -6px rgba(var(--acc-red),0.7); }


[data-cards="k7"]{ --k-radius:8px; --k-shadow:none; --k-lift:-2px;
  --k-border-hover:rgba(var(--acc-red),0.5); }
[data-cards="k7"] .team-badge-card,
[data-cards="k7"] .lead-card,
[data-cards="k7"] .cd-box,
[data-cards="k7"] .card,
[data-cards="k7"] .sp-card,
[data-cards="k7"] .cm-card{ border-color:rgba(var(--fx),0.12); }

/* k8 · Big Rounded Shadow — floating, gehri lift */
[data-cards="k8"]{ --k-radius:20px; --k-lift:-8px;
  --k-shadow:0 28px 56px -30px rgba(var(--acc-red),0.55);
  --k-shadow-hover:0 34px 64px -28px rgba(var(--acc-red),0.7); }

/* k9 · Left Accent Bar — baayein khadi rangeen patti */
[data-cards="k9"]{ --k-radius:6px; --k-side-w:4px; --k-lift:-4px;
  --k-side-bg:linear-gradient(180deg,var(--red),var(--gold)); }

/* k10 · Top Accent Bar — upar rangeen patti + lift */
[data-cards="k10"]{ --k-radius:10px; --k-bar-h:4px; --k-lift:-6px;
  --k-bar-bg:linear-gradient(90deg,var(--red),var(--gold)); }



/* h1 · Floating Pill — asli MPL look */
[data-header="h1"] .nav-wrap{ border-radius:30px; }

/* h2 · Full-Width Bar — kinare se kinare, chaukor, neeche line */
[data-header="h2"] header.site-header{ padding:0; }
[data-header="h2"] .nav-wrap{
  max-width:100%; border-radius:0; padding:12px 30px;
  border-left:0; border-right:0; border-top:0;
  border-bottom:1px solid var(--border-red);
  box-shadow:0 6px 24px rgba(var(--shade),0.5);
}
[data-header="h2"]:not([data-theme="light"]) .nav-wrap{ background:linear-gradient(180deg,var(--s3),var(--s0)); }

/* h3 · Ribbon Cut — dono sire kate hue (sport ribbon) */
[data-header="h3"] header.site-header{ padding:14px 10px 10px; }
[data-header="h3"] .nav-wrap{
  border-radius:0; max-width:1460px;
  clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 100%,0 100%);
  padding:12px 34px;
}
[data-header="h3"]:not([data-theme="light"]) .nav-wrap{ background:linear-gradient(180deg,var(--s4),var(--s1)); }


[data-header="h4"] .nav-wrap{
  background:transparent !important; border:0; box-shadow:none;
  border-radius:0; max-width:1440px; padding:14px 18px;
}
[data-header="h4"] nav.main-nav a{ border-radius:0; padding:10px 14px; }
[data-header="h4"] nav.main-nav a.active{
  background:transparent; box-shadow:none;
  border-bottom:3px solid var(--red);
}
[data-header="h4"] nav.main-nav a.active::after{ display:none; }

/* h5 · Split Boxed — logo alag dabba, nav alag dabba */
[data-header="h5"] .nav-wrap{
  background:transparent !important; border:0; box-shadow:none;
  border-radius:0; gap:14px; padding:12px 16px;
}
[data-header="h5"] .logo{
  padding:6px 16px; border-radius:12px;
  border:1px solid var(--border-red);
  background:rgba(var(--acc-red),0.08);
}
[data-header="h5"] nav.main-nav{
  padding:5px 10px; border-radius:12px;
  border:1px solid rgba(var(--fx),0.10);
  background:rgba(var(--fx),0.05);
}

/* h6 · Rounded Glass — blur bar, medium radius */
[data-header="h6"] .nav-wrap{ border-radius:16px; -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); }
[data-header="h6"]:not([data-theme="light"]) .nav-wrap{ background:linear-gradient(180deg, rgba(var(--fx),0.10), rgba(var(--shade),0.30)); }

/* h7 · Neon Underline — patli bar + neeche chamakti line */
[data-header="h7"] .nav-wrap{
  border-radius:4px; border:0;
  border-bottom:2px solid var(--red);
  box-shadow:0 6px 26px -6px rgba(var(--acc-red),0.6);
}
[data-header="h7"]:not([data-theme="light"]) .nav-wrap{ background:linear-gradient(180deg,var(--s2),var(--s0)); }


[data-header="h8"] header.site-header{ padding:18px 18px 12px; }
[data-header="h8"] .nav-wrap{ border-radius:999px; padding:10px 14px 10px 24px; max-width:1400px; }
[data-header="h8"] nav.main-nav a{ border-radius:999px; }

/* h9 · Minimal Center — nav beech me, hairline, transparent */
[data-header="h9"] .nav-wrap{
  background:transparent !important; box-shadow:none;
  border:0; border-bottom:1px solid rgba(var(--fx),0.12);
  border-radius:0; max-width:1360px; padding:16px 12px;
}
[data-header="h9"] nav.main-nav{ margin:0 auto; }
[data-header="h9"] nav.main-nav a{ letter-spacing:1.6px; }

/* h10 · Bold Slab — moti bar, heavy neeche border, uppercase */
[data-header="h10"] header.site-header{ padding:0; }
[data-header="h10"] .nav-wrap{
  max-width:100%; border-radius:0; padding:16px 34px;
  border:0; border-bottom:4px solid var(--red);
}
[data-header="h10"] nav.main-nav a{ font-weight:800; letter-spacing:2px; }
[data-header="h10"]:not([data-theme="light"]) .nav-wrap{ background:linear-gradient(180deg,var(--s4),var(--s1)); }


[data-header] nav.main-nav a.active,
[data-cards] nav.main-nav a.active{
  color:var(--red);
}

/* ==========================================================
   10 FOOTER DESIGNS  (data-footer="f1".."f10")
   ========================================================== */

[data-footer] .footer-col h4,
[data-footer] .footer-about h4{
  position:relative; padding-bottom:var(--ft-head-pad, 0);
}
[data-footer] .footer-col h4::after,
[data-footer] .footer-about h4::after{
  content:""; position:absolute; left:0; bottom:0;
  width:var(--ft-head-bar-w, 0); height:2px;
  background:var(--ft-head-bar, var(--red));
}

/* f1 · Classic dark 4-column */
[data-footer="f1"] .site-footer{ border-top:1px solid var(--border-red); }

/* f2 · Gradient top rule */
[data-footer="f2"] .site-footer{ border-top:3px solid transparent;
  border-image:linear-gradient(90deg,var(--red),var(--gold)) 1; }
[data-footer="f2"]{ --ft-head-bar-w:34px; --ft-head-pad:10px; }

/* f3 · Boxed columns — har column ek card */
[data-footer="f3"] .footer-grid{ gap:16px; }
[data-footer="f3"] .footer-col,
[data-footer="f3"] .footer-about{
  padding:20px; border-radius:14px;
  border:1px solid rgba(var(--fx),0.09);
  background:rgba(var(--fx),0.03);
}

/* f4 · Centered stack */
[data-footer="f4"] .footer-grid{ text-align:center; }
[data-footer="f4"] .footer-social{ justify-content:center; }
[data-footer="f4"] .footer-col h4::after,
[data-footer="f4"] .footer-about h4::after{ left:50%; transform:translateX(-50%); }
[data-footer="f4"]{ --ft-head-bar-w:40px; --ft-head-pad:10px; }

/* f5 · Neon top glow line */
[data-footer="f5"] .site-footer{ border-top:2px solid var(--red);
  box-shadow:inset 0 3px 24px -6px rgba(var(--acc-red),0.5); }
[data-footer="f5"]{ --ft-head-bar-w:30px; --ft-head-pad:9px; --ft-head-bar:linear-gradient(90deg,var(--red),var(--gold)); }

/* f6 · Rounded top panel */
[data-footer="f6"] .site-footer{ border-radius:28px 28px 0 0; border-top:1px solid rgba(var(--fx),0.1);
  margin-top:20px; }

/* f7 · Split wide — about column chaudi, links daayein sikude */
[data-footer="f7"] .footer-grid{ grid-template-columns:1.8fr 1fr 1fr 1.1fr; gap:34px; }
[data-footer="f7"] .footer-col{ border-left:1px solid rgba(var(--fx),0.08); padding-left:22px; }
[data-footer="f7"]{ --ft-head-bar-w:28px; --ft-head-pad:9px; }

/* f8 · Divider columns — beech me khadi lakeerein */
[data-footer="f8"] .footer-grid{ gap:0; }
[data-footer="f8"] .footer-col{ padding:0 26px; border-left:1px dashed rgba(var(--fx),0.12); }
[data-footer="f8"] .footer-about{ padding-right:26px; }


[data-footer="f9"] .site-footer{ border-top:1px solid rgba(var(--fx),0.10); }
[data-footer="f9"] .footer-col h4{ font-weight:600; letter-spacing:2px; opacity:.95; }
[data-footer="f9"] .footer-bottom{ border-top:1px solid rgba(var(--fx),0.07); }

/* f10 · Bold slab — moti rangeen top patti + bade heading */
[data-footer="f10"] .site-footer{ border-top:6px solid var(--red); }
[data-footer="f10"] .footer-col h4,
[data-footer="f10"] .footer-about h4{ font-size:17px; letter-spacing:1.4px; }
[data-footer="f10"]{ --ft-head-bar-w:100%; --ft-head-pad:12px;
  --ft-head-bar:linear-gradient(90deg,var(--red),transparent); }

/* Footer heading ka accent light+dark dono me theek dikhe */
[data-footer] .footer-social a:hover{ background:var(--red); border-color:var(--red); }


[data-color] .hx-head,
[data-color] .page-heading{ font-family:var(--c-head-font,'Anton',Impact,sans-serif); letter-spacing:var(--c-head-ls,1.5px); }

/* c1 · Classic Red */
[data-color="c1"]{ --c-head-font:'Anton',Impact,sans-serif; --c-head-ls:1.5px; }

/* c2 · Midnight Blue */
[data-color="c2"]{ --red:#3b82f6; --red-dark:#1e40af; --gold:#60a5fa;
  --border-red:rgba(59,130,246,0.38); --border-gold:rgba(96,165,250,0.4); --acc-red:59,130,246;
  --c-head-font:'Oswald',sans-serif; --c-head-ls:1px; }
[data-color="c2"]:not([data-theme="light"]){ --bg-body:#0a0f1e; --bg-darker:#060a15; --bg-card:#111a2e; --s-red:#0c1526;
  --s0:#060a15; --s1:#0a1120; --s2:#0d1526; --s3:#111a2e; --s4:#16223c; --s5:#1d2c4c; }

/* c3 · Emerald Green */
[data-color="c3"]{ --red:#10b981; --red-dark:#047857; --gold:#a3e635;
  --border-red:rgba(16,185,129,0.38); --border-gold:rgba(163,230,53,0.42); --acc-red:16,185,129;
  --c-head-font:'Poppins',sans-serif; --c-head-ls:0.5px; }
[data-color="c3"]:not([data-theme="light"]){ --bg-body:#07130d; --bg-darker:#04100a; --bg-card:#0e1f17; --s-red:#0a1a12;
  --s0:#04100a; --s1:#081711; --s2:#0b1c14; --s3:#0e1f17; --s4:#132a1f; --s5:#193727; }

/* c4 · Royal Purple */
[data-color="c4"]{ --red:#a855f7; --red-dark:#7e22ce; --gold:#e8c877;
  --border-red:rgba(168,85,247,0.36); --border-gold:rgba(232,200,119,0.45); --acc-red:168,85,247;
  --c-head-font:'Playfair Display',Georgia,serif; --c-head-ls:0.5px; }
[data-color="c4"]:not([data-theme="light"]){ --bg-body:#0d0716; --bg-darker:#080410; --bg-card:#160d24; --s-red:#170a24;
  --s0:#080410; --s1:#0c0618; --s2:#110920; --s3:#160d24; --s4:#1e1230; --s5:#27183e; }

/* c5 · Sunset Orange */
[data-color="c5"]{ --red:#f97316; --red-dark:#c2410c; --gold:#fbbf24;
  --border-red:rgba(249,115,22,0.4); --border-gold:rgba(251,191,36,0.42); --acc-red:249,115,22;
  --c-head-font:'Anton',Impact,sans-serif; --c-head-ls:2px; }
[data-color="c5"]:not([data-theme="light"]){ --bg-body:#120a04; --bg-darker:#0c0602; --bg-card:#1c1007; --s-red:#1f1005;
  --s0:#0c0602; --s1:#120a04; --s2:#170d05; --s3:#1c1007; --s4:#26170a; --s5:#33200e; }

/* c6 · Cyber Cyan */
[data-color="c6"]{ --red:#22d3ee; --red-dark:#0e7490; --gold:#e879f9;
  --border-red:rgba(34,211,238,0.45); --border-gold:rgba(232,121,249,0.45); --acc-red:34,211,238;
  --c-head-font:'Space Grotesk',sans-serif; --c-head-ls:3px; }
[data-color="c6"]:not([data-theme="light"]){ --bg-body:#04070c; --bg-darker:#020407; --bg-card:#0a1119; --s-red:#08131a;
  --s0:#020407; --s1:#05090f; --s2:#070d14; --s3:#0a1119; --s4:#0e1822; --s5:#13202d; }

/* c7 · Golden Luxe */
[data-color="c7"]{ --red:#d4af37; --red-dark:#a67c00; --gold:#f5d67b;
  --border-red:rgba(212,175,55,0.4); --border-gold:rgba(245,214,123,0.45); --acc-red:212,175,55;
  --c-head-font:'Oswald',sans-serif; --c-head-ls:5px; }
[data-color="c7"]:not([data-theme="light"]){ --bg-body:#0a0a0a; --bg-darker:#050505; --bg-card:#121212; --s-red:#161206;
  --s0:#050505; --s1:#0a0a0a; --s2:#0f0f0f; --s3:#141414; --s4:#1b1b1b; --s5:#242424; }

/* c8 · Ocean Teal */
[data-color="c8"]{ --red:#14b8a6; --red-dark:#0f766e; --gold:#38bdf8;
  --border-red:rgba(20,184,166,0.36); --border-gold:rgba(56,189,248,0.4); --acc-red:20,184,166;
  --c-head-font:'Poppins',sans-serif; --c-head-ls:0.4px; }
[data-color="c8"]:not([data-theme="light"]){ --bg-body:#06141a; --bg-darker:#031014; --bg-card:#0c2029; --s-red:#07191b;
  --s0:#031014; --s1:#06141a; --s2:#091a21; --s3:#0c2029; --s4:#112a35; --s5:#173845; }

/* c9 · Crimson Sport */
[data-color="c9"]{ --red:#dc2626; --red-dark:#991b1b; --gold:#f59e0b;
  --border-red:rgba(220,38,38,0.45); --border-gold:rgba(245,158,11,0.42); --acc-red:220,38,38;
  --c-head-font:'Anton',Impact,sans-serif; --c-head-ls:1px; }
[data-color="c9"] .hx-head{ font-style:italic; }
[data-color="c9"]:not([data-theme="light"]){ --bg-body:#0c0708; --bg-darker:#070303; --bg-card:#160b0c; --s-red:#1a0606;
  --s0:#070303; --s1:#0c0708; --s2:#110809; --s3:#160b0c; --s4:#1f0f10; --s5:#2b1416; }

/* c10 · Mono Pink */
[data-color="c10"]{ --red:#f43f5e; --red-dark:#be123c; --gold:#e5e7eb;
  --border-red:rgba(244,63,94,0.4); --border-gold:rgba(229,231,235,0.22); --acc-red:244,63,94;
  --c-head-font:'Space Grotesk',sans-serif; --c-head-ls:1.5px; }
[data-color="c10"]:not([data-theme="light"]){ --bg-body:#0b0b0d; --bg-darker:#0f0f11; --bg-card:#161619; --s-red:#101114;
  --s0:#0f0f11; --s1:#131315; --s2:#161619; --s3:#1a1a1e; --s4:#212127; --s5:#2a2a31; }


[data-color]:not([data-theme="light"]) .home-hero{
  background:linear-gradient(120deg,var(--s1) 35%, var(--s-red) 100%);
}


[data-color]:not([data-theme="light"]) .footer-col h4,
[data-color]:not([data-theme="light"]) .footer-about h4,
[data-footer]:not([data-theme="light"]) .footer-col h4,
[data-footer]:not([data-theme="light"]) .footer-about h4{
  color:var(--text-strong) !important;
}
[data-color]:not([data-theme="light"]) .footer-about p,
[data-color]:not([data-theme="light"]) .footer-col ul li a,
[data-footer]:not([data-theme="light"]) .footer-about p,
[data-footer]:not([data-theme="light"]) .footer-col ul li a{
  color:var(--text-soft) !important;
}
[data-color]:not([data-theme="light"]) .footer-col ul li a:hover,
[data-footer]:not([data-theme="light"]) .footer-col ul li a:hover{
  color:var(--text-strong) !important;
}
/* Nav links dark me hamesha readable */
[data-header]:not([data-theme="light"]) nav.main-nav a{ color:var(--text-light); }


[data-font] body{ font-family: var(--w-body, inherit); }
[data-font][data-color] .hx-head,
[data-font][data-color] .page-heading{
  font-family: var(--w-head-font, var(--c-head-font, 'Anton', Impact, sans-serif));
}

/* w1 · System Default (jaisa tha) */
[data-font="w1"]{ --w-body: 'Poppins', system-ui, -apple-system, sans-serif; }

/* w2 · Inter Clean — modern SaaS look */
[data-font="w2"]{ --w-body: 'Inter', system-ui, sans-serif; --w-head-font: 'Inter', sans-serif; }

/* w3 · Montserrat Bold — chaudi, geometric */
[data-font="w3"]{ --w-body: 'Montserrat', sans-serif; --w-head-font: 'Montserrat', sans-serif; }

/* w4 · Poppins Round — friendly, gol */
[data-font="w4"]{ --w-body: 'Poppins', sans-serif; --w-head-font: 'Poppins', sans-serif; }

/* w5 · Oswald Condensed — sport / stadium feel */
[data-font="w5"]{ --w-body: 'Oswald', 'Arial Narrow', sans-serif; --w-head-font: 'Oswald', sans-serif; }

/* w6 · Playfair Elegant — serif heading + clean body */
[data-font="w6"]{ --w-body: 'Inter', sans-serif; --w-head-font: 'Playfair Display', Georgia, serif; }

/* w7 · Space Tech — techy monospace-ish */
[data-font="w7"]{ --w-body: 'Space Grotesk', sans-serif; --w-head-font: 'Space Grotesk', sans-serif; }

/* w8 · Nunito Soft — soft rounded */
[data-font="w8"]{ --w-body: 'Nunito', sans-serif; --w-head-font: 'Nunito', sans-serif; }


[data-font="w9"]{ --w-body: 'Rubik', sans-serif; --w-head-font: 'Rubik', sans-serif; }

/* w10 · Sora Premium — high-end product feel */
[data-font="w10"]{ --w-body: 'Sora', sans-serif; --w-head-font: 'Sora', sans-serif; }


[data-form] .reg-inp,
[data-form] .cf-field input,
[data-form] .cf-field select,
[data-form] .cf-field textarea{
  border-radius: var(--m-radius, 12px) !important;
  border-width: var(--m-border-w, 1px) !important;
  border-style: solid !important;
  border-color: var(--m-border, rgba(var(--fx),0.10)) !important;
  background: var(--m-bg, rgba(var(--fx),0.04)) !important;
  transition: border-color .2s, background .2s, box-shadow .2s !important;
}
[data-form] .reg-inp:focus-within,
[data-form] .cf-field input:focus,
[data-form] .cf-field select:focus,
[data-form] .cf-field textarea:focus{
  border-color: var(--m-focus, var(--red)) !important;
  box-shadow: var(--m-focus-ring, 0 0 0 3px rgba(var(--acc-red),0.18)) !important;
  background: var(--m-bg-focus, var(--m-bg, rgba(var(--fx),0.06))) !important;
}

[data-form] .reg-btn,
[data-form] .cf-field button,
[data-form] .contact-form-box button[type="submit"]{
  border-radius: var(--m-btn-radius, var(--m-radius, 12px)) !important;
}

/* m1 · Rounded (default) */
[data-form="m1"]{ --m-radius:12px; }

/* m2 · Sharp Edge — chaukor, professional */
[data-form="m2"]{ --m-radius:2px; --m-btn-radius:2px; }

/* m3 · Pill — poore gol input */
[data-form="m3"]{ --m-radius:999px; --m-btn-radius:999px; }


[data-form="m4"]{ --m-radius:0; --m-btn-radius:8px; }
[data-form="m4"] .reg-inp,
[data-form="m4"] .cf-field input,
[data-form="m4"] .cf-field select,
[data-form="m4"] .cf-field textarea{
  border-width:0 0 2px 0 !important;
  background:transparent !important;
  border-color:rgba(var(--fx),0.18) !important;
}
[data-form="m4"] .reg-inp:focus-within,
[data-form="m4"] .cf-field input:focus,
[data-form="m4"] .cf-field select:focus,
[data-form="m4"] .cf-field textarea:focus{
  box-shadow:none !important;
  border-bottom-color:var(--red) !important;
  background:transparent !important;
}

/* m5 · Filled Solid — bhara hua halka box, border halki */
[data-form="m5"]{ --m-radius:10px; --m-bg:rgba(var(--fx),0.08); --m-border:transparent;
  --m-focus-ring:0 0 0 2px var(--red); }

/* m6 · Bold Border — moti rangeen border */
[data-form="m6"]{ --m-radius:10px; --m-border-w:2px; --m-border:var(--border-red); }

/* m7 · Soft Rounded — bade kone, halki */
[data-form="m7"]{ --m-radius:16px; --m-btn-radius:16px; }

/* m8 · Neon Focus — focus par chamak */
[data-form="m8"]{ --m-radius:8px; --m-border:rgba(var(--acc-red),0.35);
  --m-focus-ring:0 0 16px -2px rgba(var(--acc-red),0.7); }

/* m9 · Gold Luxe — sunehri hairline */
[data-form="m9"]{ --m-radius:4px; --m-border:var(--border-gold); --m-focus:var(--gold);
  --m-focus-ring:0 0 0 3px rgba(224,169,77,0.18); }

/* m10 · Glass — halka transparent glass */
[data-form="m10"]{ --m-radius:14px; --m-bg:rgba(var(--fx),0.05); --m-border:rgba(var(--fx),0.14);
  --m-bg-focus:rgba(var(--fx),0.09); }


[data-bg] body::after{
  content:"";
  position:fixed; inset:0; z-index:0;
  pointer-events:none;
  background-image: var(--g-img, none);
  background-size: var(--g-size, auto);
  background-position: var(--g-pos, 0 0);
  opacity: var(--g-op, 1);
}
[data-bg] .site-header{ position:sticky; top:0; z-index:100; }
[data-bg] main,
[data-bg] section,
[data-bg] footer,
[data-bg] .container{ position:relative; z-index:1; }

/* g1 · None (plain) */
[data-bg="g1"]{ --g-img:none; }

/* g2 · Dot Grid */
[data-bg="g2"]{ --g-op:.5;
  --g-img:radial-gradient(rgba(var(--fx),0.16) 1px, transparent 1.4px);
  --g-size:22px 22px; }

/* g3 · Line Grid */
[data-bg="g3"]{ --g-op:.45;
  --g-img:linear-gradient(rgba(var(--fx),0.07) 1px, transparent 1px),
          linear-gradient(90deg, rgba(var(--fx),0.07) 1px, transparent 1px);
  --g-size:34px 34px, 34px 34px; }


[data-bg="g4"]{ --g-op:.4;
  --g-img:repeating-linear-gradient(90deg, rgba(var(--fx),0.05) 0 2px, transparent 2px 64px); }

/* g5 · Diagonal Stripes */
[data-bg="g5"]{ --g-op:.35;
  --g-img:repeating-linear-gradient(45deg, rgba(var(--fx),0.05) 0 1px, transparent 1px 14px); }

/* g6 · Gradient Mesh — do rangeen halo */
[data-bg="g6"]{ --g-op:.55;
  --g-img:radial-gradient(closest-side at 18% 12%, rgba(var(--acc-red),0.22), transparent),
          radial-gradient(closest-side at 84% 68%, rgba(var(--acc-gold,224,169,77),0.16), transparent);
  --g-size:70% 70%, 60% 60%;
  --g-pos:0 0, 100% 100%; }

/* g7 · Hexagon Mesh */
[data-bg="g7"]{ --g-op:.4;
  --g-img:radial-gradient(circle at 50% 0, transparent 9px, rgba(var(--fx),0.06) 10px, transparent 11px);
  --g-size:28px 24px; }

/* g8 · Vignette Glow — kinare gehre, beech halka */
[data-bg="g8"]{ --g-op:.7;
  --g-img:radial-gradient(120% 90% at 50% 0%, rgba(var(--acc-red),0.14), transparent 60%),
          radial-gradient(100% 100% at 50% 100%, rgba(var(--shade),0.35), transparent 55%); }


[data-btn] .btn-primary,
[data-btn] .btn-view,
[data-btn] .btn-outline{
  border-radius: var(--b-radius, 2px) !important;
  transition: transform .2s, box-shadow .2s, filter .2s, background .2s !important;
}
[data-btn] .btn-primary{
  background: var(--b-bg, var(--red)) !important;
  box-shadow: var(--b-shadow, none) !important;
  border: var(--b-border, none) !important;
}
[data-btn] .btn-primary:hover{ transform: var(--b-hover-t, translateY(-2px)); filter: brightness(1.06); box-shadow: var(--b-shadow-hover, var(--b-shadow, none)) !important; }

/* b1 · Classic sharp */
[data-btn="b1"]{ --b-radius:2px; }

/* b2 · Pill */
[data-btn="b2"]{ --b-radius:999px; }

/* b3 · Rounded */
[data-btn="b3"]{ --b-radius:12px; }

/* b4 · Gradient */
[data-btn="b4"]{ --b-radius:10px; --b-bg:linear-gradient(135deg,var(--red),var(--gold)); }

/* b5 · Glow */
[data-btn="b5"]{ --b-radius:8px; --b-shadow:0 0 0 1px rgba(var(--acc-red),0.4), 0 8px 24px -6px rgba(var(--acc-red),0.6);
  --b-shadow-hover:0 0 0 1px rgba(var(--acc-red),0.6), 0 10px 30px -6px rgba(var(--acc-red),0.85); }

/* b6 · 3D Solid — neeche gehri chhaya, press effect */
[data-btn="b6"]{ --b-radius:10px; --b-shadow:0 5px 0 0 var(--red-dark);
  --b-shadow-hover:0 3px 0 0 var(--red-dark); --b-hover-t:translateY(2px); }

/* b7 · Outline fill — hollow, hover par bhar jaye */
[data-btn="b7"]{ --b-radius:8px; --b-bg:transparent; --b-border:2px solid var(--red); }
[data-btn="b7"] .btn-primary{ color:var(--red) !important; }
[data-btn="b7"] .btn-primary:hover{ background:var(--red) !important; color:var(--on-brand) !important; }

/* b8 · Soft shadow — halki float */
[data-btn="b8"]{ --b-radius:14px; --b-shadow:0 12px 26px -12px rgba(var(--acc-red),0.7); }

/* ==========================================================
   6 SECTION DIVIDERS  (data-divider="d1".."d6")
   Har alternate section ke upar ek shape/rekha.
   ========================================================== */
[data-divider] .section-pad{ position:relative; }
[data-divider] .section-pad::before{
  content:""; position:absolute; left:0; right:0; top:0;
  height: var(--d-h, 0);
  background: var(--d-bg, transparent);
  -webkit-mask: var(--d-mask, none); mask: var(--d-mask, none);
  -webkit-mask-size: var(--d-mask-size, 100% 100%); mask-size: var(--d-mask-size, 100% 100%);
  pointer-events:none;
}
/* d1 · None */
[data-divider="d1"]{ --d-h:0; }
/* d2 · Top accent line */
[data-divider="d2"]{ --d-h:3px; --d-bg:linear-gradient(90deg,transparent,var(--red),transparent); }
/* d3 · Center dot rule */
[data-divider="d3"]{ --d-h:2px;
  --d-bg:radial-gradient(circle at 50% 50%, var(--red) 0 3px, transparent 4px),
          linear-gradient(90deg, transparent 42%, rgba(var(--fx),0.14) 42% 58%, transparent 58%); }
/* d4 · Slant edge */
[data-divider="d4"]{ --d-h:26px; --d-bg:var(--bg-body);
  --d-mask:linear-gradient(-4deg, transparent 49.6%, #000 50%); }
/* d5 · Wave */
[data-divider="d5"]{ --d-h:22px; --d-bg:var(--s2);
  --d-mask:radial-gradient(22px at 50% 0, transparent 21px, #000 22px); --d-mask-size:44px 22px; }
/* d6 · Double gold rule */
[data-divider="d6"]{ --d-h:6px;
  --d-bg:linear-gradient(var(--gold),var(--gold)) 0 0/100% 1px no-repeat,
          linear-gradient(var(--gold),var(--gold)) 0 5px/100% 1px no-repeat; }




/* l2 · Ring Only — ghoomta ring, ball hidden */
[data-loader="l2"] .ball-wrapper{ display:none !important; }

/* l3 · Ball Only — bounce ball, ring hidden */
[data-loader="l3"] .logo-ring{ display:none !important; }


[data-loader="l4"] .particles,
[data-loader="l4"] .ball-wrapper{ display:none !important; }

/* l5 · Bar — sirf progress bar + logo (ball/ring/particle off) */
[data-loader="l5"] .ball-wrapper,
[data-loader="l5"] .logo-ring,
[data-loader="l5"] .particles{ display:none !important; }
[data-loader="l5"] .progress-simple,
[data-loader="l5"] .progress-track{ display:block !important; }


[data-loader="l6"] .ball-wrapper,
[data-loader="l6"] .logo-ring{ display:none !important; }
[data-loader="l6"] .logo-container img{ animation: thePulse 1.2s ease-in-out infinite !important; }
@keyframes thePulse{ 0%,100%{ transform:scale(1); opacity:.85 } 50%{ transform:scale(1.12); opacity:1 } }
