/* ==========================================================================
   NASIR NAEEM: DARK theme (original APEX dark-site skin).
   Every rule scoped under html[data-theme="dark"]; loads after main.css.
   Layout/keyframes live in main.css; this file only reskins.
   ========================================================================== */

html[data-theme="dark"]{
  --void:#05080F; --bg-2:#0A1120; --surface:#0F1A2E;
  --ink-0:#F2F6FC; --ink-1:#0F1A2E; --ink-2:#16233B;
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.055);
  --fog:#8FA3BF; --mist:#C4D2E5; --white:#F2F6FC;
  --lime-dark:#A5CE26; --lime-deep:#C6F13F; --lime-ink:#0d1500;
  --metal:linear-gradient(180deg,#DCE6F2,#7C8CA6);
  --metal-lime:linear-gradient(176deg,#EAF9AE 2%,#C6F13F 34%,#A5CE26 66%,#7C9A18 100%);
  --shadow:0 10px 30px rgba(0,0,0,.5);
  --shadow-lg:0 30px 70px -30px rgba(0,0,0,.9);
}
html[data-theme="dark"] body{background:var(--void);color:var(--mist)}
html[data-theme="dark"] ::selection{background:#A5CE26;color:#0a1400}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#1c2c44;border-color:var(--void)}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:#263a58}
html[data-theme="dark"] :focus-visible{outline-color:#A5CE26}
html[data-theme="dark"] .word>b{color:#A5CE26}

/* splash */
html[data-theme="dark"] #splash{background:var(--void)}
html[data-theme="dark"] #splash .sword{color:#F2F6FC}
html[data-theme="dark"] #splash .sword b{color:#A5CE26}
html[data-theme="dark"] #splash .sbar{background:rgba(255,255,255,.08)}

/* ambient */
html[data-theme="dark"] #field{background:
  radial-gradient(1200px 700px at 78% -8%,rgba(165,206,38,.10),transparent 60%),
  radial-gradient(1000px 800px at 8% 4%,rgba(43,86,158,.16),transparent 62%),
  radial-gradient(900px 900px at 60% 108%,rgba(43,86,158,.10),transparent 60%)}
html[data-theme="dark"] #grain{background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:30px 30px;animation:none;opacity:.5}

/* cursor */
html[data-theme="dark"] .cur-glow{mix-blend-mode:screen;
  background:radial-gradient(circle,rgba(198,241,63,.55),rgba(165,206,38,.10) 55%,transparent 72%)}
html[data-theme="dark"] .cur-dot{background:#C6F13F}

/* spine */
html[data-theme="dark"] .spine{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.07) 12%,rgba(255,255,255,.07) 88%,transparent)}
html[data-theme="dark"] .spine i{background:linear-gradient(to bottom,#C6F13F,#A5CE26)}

/* nav */
html[data-theme="dark"] #nav .pill{background:rgba(12,20,36,.62);border-color:rgba(255,255,255,.09);
  box-shadow:0 10px 40px rgba(0,0,0,.45)}
html[data-theme="dark"] #nav.scrolled .pill{background:rgba(10,17,32,.86);border-color:rgba(255,255,255,.13);
  box-shadow:0 14px 50px rgba(0,0,0,.6)}
html[data-theme="dark"] #nav .brand .word{color:#F2F6FC}
html[data-theme="dark"] #nav .nl{color:#8FA3BF}
html[data-theme="dark"] #nav .nl:hover{color:#F2F6FC;background:transparent}
html[data-theme="dark"] #nav .nl.active{color:#F2F6FC}
html[data-theme="dark"] #nav .cta{color:#0d1500;
  box-shadow:0 6px 20px rgba(165,206,38,.32),inset 0 1px 0 rgba(255,255,255,.4)}
html[data-theme="dark"] #nav .burger{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.03)}
html[data-theme="dark"] #nav .burger svg{stroke:#F2F6FC}
html[data-theme="dark"] #nav .tbtn{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.03)}
html[data-theme="dark"] #nav .tbtn svg{stroke:#F2F6FC}

/* mobile menu */
html[data-theme="dark"] #mmenu{background:rgba(5,8,15,.96)}
html[data-theme="dark"] #mmenu a.ml{color:#C4D2E5}
html[data-theme="dark"] #mmenu a.ml:hover,html[data-theme="dark"] #mmenu a.ml.active{color:#C6F13F}
html[data-theme="dark"] #mmenu .mclose{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.04);box-shadow:none}
html[data-theme="dark"] #mmenu .mclose svg{stroke:#F2F6FC}

/* layout accents */
html[data-theme="dark"] .divider{background:linear-gradient(90deg,transparent,rgba(255,255,255,.09) 20%,rgba(255,255,255,.09) 80%,transparent)}
html[data-theme="dark"] .eyebrow{color:#8FA3BF}
html[data-theme="dark"] .eyebrow::before{background:linear-gradient(90deg,#A5CE26,transparent)}
html[data-theme="dark"] .eyebrow.c::before{background:linear-gradient(90deg,transparent,#A5CE26)}
html[data-theme="dark"] .eyebrow.c::after{background:linear-gradient(90deg,#A5CE26,transparent)}
html[data-theme="dark"] .sec-head h2{color:#F2F6FC}
html[data-theme="dark"] .sec-head p{color:#8FA3BF}

/* buttons */
html[data-theme="dark"] .btn.primary{color:#0d1500;
  box-shadow:0 10px 34px rgba(165,206,38,.34),inset 0 1px 0 rgba(255,255,255,.45)}
html[data-theme="dark"] .btn.primary:hover{box-shadow:0 16px 48px rgba(165,206,38,.55),inset 0 1px 0 rgba(255,255,255,.5)}
html[data-theme="dark"] .btn.ghost{color:#F2F6FC;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09)}
html[data-theme="dark"] .btn.ghost:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2);
  box-shadow:none;transform:none}
html[data-theme="dark"] .btn.navy{background:#16233B;color:#F2F6FC;box-shadow:0 10px 30px rgba(0,0,0,.5)}
html[data-theme="dark"] .btn.navy:hover{background:#1c2c48}

/* hero */
html[data-theme="dark"] .hero .aura.a{background:radial-gradient(circle,rgba(165,206,38,.16),transparent 66%)}
html[data-theme="dark"] .hero .aura.b{background:radial-gradient(circle,rgba(43,96,178,.20),transparent 66%)}
html[data-theme="dark"] .tagpill{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.09);
  color:#C4D2E5;box-shadow:none}
html[data-theme="dark"] .hero-title .big .word{filter:drop-shadow(0 6px 40px rgba(165,206,38,.35))}
html[data-theme="dark"] .hero .sub{color:#C4D2E5}
html[data-theme="dark"] .hero .sub b{color:#F2F6FC}
html[data-theme="dark"] .hero .proofrow .pv2{color:#F2F6FC}
html[data-theme="dark"] .hero .proofrow .pv2 .u{color:#C6F13F}
html[data-theme="dark"] .hero .proofrow .pk{color:#8FA3BF}
html[data-theme="dark"] .hero .proofrow .sep{background:linear-gradient(transparent,rgba(255,255,255,.09),transparent)}
html[data-theme="dark"] .scroll-hint{color:#8FA3BF}
html[data-theme="dark"] .scroll-hint .m{border-color:rgba(255,255,255,.2)}
html[data-theme="dark"] .scroll-hint .m::after{background:#A5CE26}

/* page hero */
html[data-theme="dark"] .phero .aura.a{background:radial-gradient(circle,rgba(165,206,38,.14),transparent 66%)}
html[data-theme="dark"] .phero h1{color:#F2F6FC}
html[data-theme="dark"] .phero h1 em{filter:drop-shadow(0 6px 40px rgba(165,206,38,.3))}
html[data-theme="dark"] .phero p{color:#8FA3BF}
html[data-theme="dark"] .phero p b{color:#F2F6FC}

/* marquee */
html[data-theme="dark"] .marq{border-color:rgba(255,255,255,.055);background:transparent}
html[data-theme="dark"] .marq .mi{color:#8FA3BF}
html[data-theme="dark"] .marq .mi .st{color:#A5CE26}
html[data-theme="dark"] .marq .mi b{color:#C4D2E5}

/* program cards */
html[data-theme="dark"] .mcard{background:linear-gradient(180deg,rgba(22,35,59,.55),rgba(10,17,32,.55));
  border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 70px -40px rgba(0,0,0,.9)}
html[data-theme="dark"] .mcard:hover{box-shadow:0 44px 90px -44px rgba(0,0,0,.95)}
html[data-theme="dark"] .mcard::before{content:"";position:absolute;inset:0;top:auto;left:0;right:0;height:auto;
  border-radius:inherit;padding:1px;pointer-events:none;inset:0;
  background:linear-gradient(150deg,rgba(165,206,38,.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.7}
html[data-theme="dark"] .mcard .tag{color:#A5CE26}
html[data-theme="dark"] .mcard h3{color:#F2F6FC}
html[data-theme="dark"] .mcard>p{color:#8FA3BF}
html[data-theme="dark"] .mcard .feats .f{color:#C4D2E5;background:rgba(255,255,255,.028);
  border-color:rgba(255,255,255,.055)}
html[data-theme="dark"] .mcard .feats .f svg{stroke:#C6F13F}
html[data-theme="dark"] .mcard .mfoot .meta{color:#8FA3BF}

/* feature grid */
html[data-theme="dark"] .acard{background:linear-gradient(180deg,rgba(15,26,46,.6),rgba(10,17,32,.5));
  border:1px solid rgba(255,255,255,.09);box-shadow:none}
html[data-theme="dark"] .acard:hover{border-color:rgba(165,206,38,.32);
  box-shadow:0 30px 60px -30px rgba(0,0,0,.9),0 0 0 1px rgba(165,206,38,.08)}
html[data-theme="dark"] .acard::after{display:none}
html[data-theme="dark"] .acard .glowspot{background:radial-gradient(circle,rgba(165,206,38,.16),transparent 66%)}
html[data-theme="dark"] .acard .ic{background:rgba(165,206,38,.1);border:1px solid rgba(165,206,38,.22)}
html[data-theme="dark"] .acard .ic svg{stroke:#C6F13F}
html[data-theme="dark"] .acard h4{color:#F2F6FC}
html[data-theme="dark"] .acard p{color:#8FA3BF}
html[data-theme="dark"] .chip{border-color:rgba(255,255,255,.09);color:#8FA3BF;background:transparent}
html[data-theme="dark"] .chip.lime{color:#C6F13F;border-color:rgba(165,206,38,.4);background:rgba(165,206,38,.12)}
html[data-theme="dark"] .chip.hot{color:#FFB4B4;border-color:rgba(244,63,94,.4);background:rgba(244,63,94,.12)}
html[data-theme="dark"] .chip.blue{color:#9EC5FF;border-color:rgba(59,130,246,.4);background:rgba(59,130,246,.12)}
html[data-theme="dark"] .chip.warm{color:#FFD79A;border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.12)}

/* numbers band */
html[data-theme="dark"] .numbers .inner{background:linear-gradient(120deg,rgba(15,26,46,.8),rgba(6,10,17,.7));
  border:1px solid rgba(255,255,255,.09);box-shadow:none}
html[data-theme="dark"] .numbers .inner::before{background-image:none;
  background:radial-gradient(600px 200px at 20% 0%,rgba(165,206,38,.1),transparent 60%);
  -webkit-mask-image:none;mask-image:none}
html[data-theme="dark"] .numbers .inner::after{display:none}
html[data-theme="dark"] .stat:not(:last-child)::after{background:linear-gradient(rgba(255,255,255,.055),rgba(255,255,255,.09),rgba(255,255,255,.055))}
html[data-theme="dark"] .stat .v{color:transparent;background:var(--metal);
  -webkit-background-clip:text;background-clip:text}
html[data-theme="dark"] .stat .v .u{filter:none}
html[data-theme="dark"] .stat .k{color:#8FA3BF}

/* dashboard preview */
html[data-theme="dark"] .pv{background:linear-gradient(180deg,#0c1526,#080e1a);border:1px solid rgba(255,255,255,.09);
  box-shadow:0 60px 120px -50px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.03)}
html[data-theme="dark"] .pv .glare{background:radial-gradient(400px 300px at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.08),transparent 60%)}
html[data-theme="dark"] .pv .topbar{border-bottom:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.02)}
html[data-theme="dark"] .pv .topbar .dots i{background:#26344d}
html[data-theme="dark"] .pv .topbar .live{color:#A5CE26}
html[data-theme="dark"] .pv .panel{background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.09)}
html[data-theme="dark"] .pv .panel .ph .t{color:#F2F6FC}
html[data-theme="dark"] .pv .kpi{background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.09);box-shadow:none}
html[data-theme="dark"] .pv .kpi .n{color:#F2F6FC}
html[data-theme="dark"] .pv .kpi .n .u{color:#A5CE26}
html[data-theme="dark"] .pv .kpi.hot{border-color:rgba(165,206,38,.28);background:rgba(165,206,38,.05)}
html[data-theme="dark"] .pv .bars i{background:linear-gradient(180deg,rgba(165,206,38,.9),rgba(165,206,38,.25))}
html[data-theme="dark"] .pv .bars i.mut{background:linear-gradient(180deg,rgba(143,163,191,.5),rgba(143,163,191,.12))}
html[data-theme="dark"] .pv .vidrow{background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.055);box-shadow:none}
html[data-theme="dark"] .pv .vidrow .thumb{background:linear-gradient(135deg,#1c2a44,#0f1a2e)}
html[data-theme="dark"] .pv .vidrow .vt .t1{color:#C4D2E5}
html[data-theme="dark"] .pv .vidrow .vv{color:#F2F6FC}
html[data-theme="dark"] .pv .vidrow .vv small{color:#C6F13F}

/* timeline */
html[data-theme="dark"] .steps::before{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.09) 6%,rgba(255,255,255,.09) 94%,transparent)}
html[data-theme="dark"] .step .knot{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.08),rgba(10,17,32,.95));
  border:1px solid rgba(255,255,255,.09);box-shadow:none}
html[data-theme="dark"] .step .knot .n{color:#C6F13F}
html[data-theme="dark"] .step .body h4{color:#F2F6FC}
html[data-theme="dark"] .step .body h4 span{color:#8FA3BF}
html[data-theme="dark"] .step .body p{color:#8FA3BF}

/* modules */
html[data-theme="dark"] .mod{background:linear-gradient(180deg,rgba(15,26,46,.55),rgba(10,17,32,.5));
  border:1px solid rgba(255,255,255,.09);box-shadow:none}
html[data-theme="dark"] .mod.open{border-color:rgba(165,206,38,.3);box-shadow:0 24px 60px -34px rgba(0,0,0,.9)}
html[data-theme="dark"] .mod .mhead .idx{color:#C6F13F;background:rgba(165,206,38,.08);border:1px solid rgba(165,206,38,.2)}
html[data-theme="dark"] .mod .mhead h4{color:#F2F6FC}
html[data-theme="dark"] .mod .mhead .tog{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.03)}
html[data-theme="dark"] .mod .mhead .tog svg{stroke:#C4D2E5}
html[data-theme="dark"] .mod.open .mhead .tog{border-color:rgba(165,206,38,.4)}
html[data-theme="dark"] .mod .mbody .li{color:#C4D2E5}
html[data-theme="dark"] .mod .mbody .li svg{stroke:#C6F13F}

/* wins */
html[data-theme="dark"] .win{background:linear-gradient(180deg,rgba(15,26,46,.6),rgba(10,17,32,.5));
  border:1px solid rgba(255,255,255,.09);box-shadow:none}
html[data-theme="dark"] .win:hover{border-color:rgba(165,206,38,.3);box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
html[data-theme="dark"] .win .stars svg{fill:#A5CE26}
html[data-theme="dark"] .win q{color:#C4D2E5}
html[data-theme="dark"] .win q b{color:#F2F6FC}
html[data-theme="dark"] .win .who .av{color:#0d1500;background:linear-gradient(160deg,#C6F13F,#7C9A18)}
html[data-theme="dark"] .win .who .av.b2{background:linear-gradient(160deg,#9EC5FF,#3B62F6);color:#03102b}
html[data-theme="dark"] .win .who .nm2{color:#F2F6FC}
html[data-theme="dark"] .win .who .rl{color:#8FA3BF}
html[data-theme="dark"] .win .res{color:#C6F13F;background:rgba(165,206,38,.1);border-color:rgba(165,206,38,.25)}

/* faq */
html[data-theme="dark"] .qa{background:linear-gradient(180deg,rgba(15,26,46,.5),rgba(10,17,32,.45));
  border:1px solid rgba(255,255,255,.09);box-shadow:none}
html[data-theme="dark"] .qa.open{border-color:rgba(165,206,38,.3)}
html[data-theme="dark"] .qa .qh span{color:#F2F6FC}
html[data-theme="dark"] .qa .qh .tog{border-color:rgba(255,255,255,.09);background:transparent}
html[data-theme="dark"] .qa .qh .tog svg{stroke:#C4D2E5}
html[data-theme="dark"] .qa.open .qh .tog{border-color:rgba(165,206,38,.45);background:rgba(165,206,38,.1)}
html[data-theme="dark"] .qa .qb p{color:#8FA3BF}
html[data-theme="dark"] .qa .qb p b{color:#C4D2E5}

/* versus */
html[data-theme="dark"] .vcol{background:linear-gradient(180deg,rgba(15,26,46,.5),rgba(10,17,32,.45));
  border:1px solid rgba(255,255,255,.09);box-shadow:none}
html[data-theme="dark"] .vcol.good{border-color:rgba(165,206,38,.35)}
html[data-theme="dark"] .vcol.good::before{background:radial-gradient(420px 200px at 50% 0%,rgba(165,206,38,.1),transparent 60%)}
html[data-theme="dark"] .vcol h4{color:#F2F6FC}
html[data-theme="dark"] .vcol.good h4{color:#C6F13F}
html[data-theme="dark"] .vcol li{color:#8FA3BF}
html[data-theme="dark"] .vcol.good li{color:#C4D2E5}
html[data-theme="dark"] .vcol li svg.x{stroke:#F43F5E}
html[data-theme="dark"] .vcol li svg.ok{stroke:#C6F13F}

/* mentor */
html[data-theme="dark"] .portrait{background:
    radial-gradient(70% 55% at 50% 30%,rgba(165,206,38,.16),transparent 62%),
    radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(160deg,#16233B,#0A1120);
  background-size:auto,22px 22px,auto;
  border:1px solid rgba(255,255,255,.09);box-shadow:0 50px 100px -50px rgba(0,0,0,.95)}
html[data-theme="dark"] .portrait .pmark{background:rgba(255,255,255,.06)}
html[data-theme="dark"] .portrait .pimg{filter:drop-shadow(0 30px 44px rgba(0,0,0,.6)) drop-shadow(0 0 26px rgba(165,206,38,.14))}
html[data-theme="dark"] .portrait::before{background:linear-gradient(to top,rgba(5,8,15,.85),transparent 42%)}
html[data-theme="dark"] .portrait::after{background:linear-gradient(150deg,rgba(165,206,38,.4),transparent 42%)}
html[data-theme="dark"] .portrait .cap .nm{color:#F2F6FC}
html[data-theme="dark"] .portrait .cap .rl{color:#C6F13F}
html[data-theme="dark"] .mentor .mtxt h2{color:#F2F6FC}
html[data-theme="dark"] .mentor .mtxt p{color:#8FA3BF}
html[data-theme="dark"] .mentor .mtxt p b{color:#C4D2E5}

/* offers / pricing */
html[data-theme="dark"] .offer{background:linear-gradient(180deg,rgba(15,26,46,.6),rgba(10,17,32,.55));
  border:1px solid rgba(255,255,255,.09);box-shadow:none}
html[data-theme="dark"] .offer:hover{box-shadow:0 40px 80px -40px rgba(0,0,0,.95)}
html[data-theme="dark"] .offer .oname{color:#A5CE26}
html[data-theme="dark"] .offer h3{color:#F2F6FC}
html[data-theme="dark"] .offer .odesc{color:#8FA3BF}
html[data-theme="dark"] .offer .oprice .amt{color:transparent;background:var(--metal-lime);
  -webkit-background-clip:text;background-clip:text}
html[data-theme="dark"] .offer .oprice .was{color:#5c6f8d}
html[data-theme="dark"] .offer .onote,html[data-theme="dark"] .offer .oprice .per{color:#8FA3BF}
html[data-theme="dark"] .offer li{color:#C4D2E5}
html[data-theme="dark"] .offer li svg{stroke:#C6F13F}
html[data-theme="dark"] .offer.hot{background:linear-gradient(180deg,rgba(22,35,59,.7),rgba(10,17,32,.7));
  border-color:rgba(165,206,38,.4)}
html[data-theme="dark"] .offer.hot::before{background-image:none;
  background:radial-gradient(480px 220px at 50% 0%,rgba(165,206,38,.12),transparent 62%);
  -webkit-mask-image:none;mask-image:none}
html[data-theme="dark"] .offer.hot .oname{color:#C6F13F}
html[data-theme="dark"] .offer.hot h3{color:#F2F6FC}
html[data-theme="dark"] .offer.hot .odesc,html[data-theme="dark"] .offer.hot li{color:#C4D2E5}
html[data-theme="dark"] .offer .ribbon{color:#0d1500}
html[data-theme="dark"] .paybar{background:linear-gradient(180deg,rgba(15,26,46,.6),rgba(10,17,32,.55));
  border:1px solid rgba(255,255,255,.09);box-shadow:none}
html[data-theme="dark"] .paybar .pl{color:#8FA3BF}
html[data-theme="dark"] .paychip{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.09);color:#C4D2E5}
html[data-theme="dark"] .paychip svg{stroke:#C6F13F}

/* form */
html[data-theme="dark"] .form{background:linear-gradient(180deg,rgba(15,26,46,.6),rgba(10,17,32,.55));
  border:1px solid rgba(255,255,255,.09);box-shadow:0 40px 90px -50px rgba(0,0,0,.95)}
html[data-theme="dark"] .fld label{color:#8FA3BF}
html[data-theme="dark"] .fld input,html[data-theme="dark"] .fld select,html[data-theme="dark"] .fld textarea{
  background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.09);color:#F2F6FC}
html[data-theme="dark"] .fld select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238FA3BF' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
html[data-theme="dark"] .fld input::placeholder,html[data-theme="dark"] .fld textarea::placeholder{color:#8AA0BE}
html[data-theme="dark"] .fld input:focus,html[data-theme="dark"] .fld select:focus,html[data-theme="dark"] .fld textarea:focus{
  border-color:rgba(165,206,38,.55);box-shadow:0 0 0 3px rgba(165,206,38,.14);background:rgba(255,255,255,.05)}
html[data-theme="dark"] .form .fnote{color:#8FA3BF}
html[data-theme="dark"] .form .ok{color:#C6F13F;background:rgba(165,206,38,.1);border-color:rgba(165,206,38,.3)}
html[data-theme="dark"] .form .ok svg{stroke:#C6F13F}
html[data-theme="dark"] .contact-side .ci{border-color:rgba(255,255,255,.055)}
html[data-theme="dark"] .contact-side .ci .ic{background:rgba(165,206,38,.1);border:1px solid rgba(165,206,38,.22)}
html[data-theme="dark"] .contact-side .ci .ic svg{stroke:#C6F13F}
html[data-theme="dark"] .contact-side .ci h5{color:#F2F6FC}
html[data-theme="dark"] .contact-side .ci p{color:#8FA3BF}
html[data-theme="dark"] .contact-side .ci a{color:#C6F13F}

/* final + footer */
html[data-theme="dark"] .final .halo{background:radial-gradient(circle,rgba(165,206,38,.14),transparent 60%)}
html[data-theme="dark"] .final h2{color:#F2F6FC}
html[data-theme="dark"] .final h2 em{filter:drop-shadow(0 6px 40px rgba(165,206,38,.3))}
html[data-theme="dark"] .final p{color:#8FA3BF}
html[data-theme="dark"] footer{border-top:1px solid rgba(255,255,255,.09);background:transparent}
html[data-theme="dark"] footer .fbrand .word{color:#F2F6FC}
html[data-theme="dark"] footer .fbrand small{color:#8FA3BF}
html[data-theme="dark"] footer .fnav a{color:#8FA3BF}
html[data-theme="dark"] footer .fnav a:hover{color:#F2F6FC}
html[data-theme="dark"] footer .fnav a.hi{color:#A5CE26}
html[data-theme="dark"] footer .cr{color:#8FA3BF}