/* ── ABOUT ── */
    #about{padding:8rem 5%}
    .agrid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
    .avwrap{width:385px;height:385px;border-radius:20px;background:linear-gradient(135deg,var(--blue),var(--violet),var(--gold));padding:3px;position:relative;flex-shrink:0;margin:0 auto}
    .avinner{width:100%;height:100%;border-radius:17px;background:var(--bg2);display:flex;align-items:center;justify-content:center}
    .avinit{font-family:'Bebas Neue',sans-serif;font-size:5.5rem;background:linear-gradient(135deg,var(--blue),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .fbadge{position:absolute;background:var(--card);border:1px solid rgba(82,157,255,.4);border-radius:11px;padding:11px 15px;display:flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:.7rem;box-shadow:0 0 40px rgba(82,157,255,.1)}
    .fbtr{top:-18px;right:-28px;animation:fba 3s ease-in-out infinite}
    .fbbl{bottom:30px;left:-36px;animation:fbb 3.5s ease-in-out .5s infinite}
    @keyframes fba{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
    @keyframes fbb{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
    .spin{animation:spin 1s linear infinite}
    @keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
    .bicon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}
    .bn{font-weight:700;color:var(--t1);font-size:.8rem;margin-right: 8px;}
    .bs{color:#8A9DB8;font-size:.62rem;font-family:'JetBrains Mono',monospace}
    .apara{font-size:.96rem;color:var(--t2);line-height:1.9;margin-bottom:1rem}
    .fun-facts{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0 2rem}
    .fun-fact{font-family:'JetBrains Mono',monospace;font-size:.68rem;color:var(--t2);background:rgba(255,255,255,.04);border:1px solid var(--b);padding:5px 13px;border-radius:100px;letter-spacing:.04em}
    .acta{display:flex;gap:1rem;flex-wrap:wrap}
    /* Definition list styling */
    .about-dl{margin:1.2rem 0}
    .about-dl dt{font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);margin-top:1rem}
    .about-dl dd{font-size:.9rem;color:var(--t2);padding-left:1rem;border-left:2px solid rgba(82,157,255,.3);margin-top:.3rem}

    /* ── SKILLS ── */
    #skills{padding:8rem 5%;background:linear-gradient(180deg,transparent,rgba(82,157,255,.025) 50%,transparent)}
    .shdr{max-width:1300px;margin:0 auto 3.5rem;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:2rem}
    .frow{display:flex;gap:.45rem;flex-wrap:wrap}
    .fbtn{font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;color:var(--t3);background:transparent;border:1px solid var(--b);padding:7px 15px;border-radius:6px;cursor:pointer;transition:color .2s,border-color .2s,background-color .2s}
    .fbtn:hover,.fbtn.on{color:var(--blue);border-color:var(--blue);background:rgba(82,157,255,.08)}
    .sgrid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem}
    .skcard{padding:1.8rem}
    .skcard:hover{transform:translateY(-4px)}
    .skh{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem}
    .skico{width:38px;height:38px;border-radius:9px;background:rgba(82,157,255,.1);border:1px solid var(--b);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
    .skcat{font-family:'Outfit',sans-serif;font-size:1rem;font-weight:700}
    .skrow{margin-bottom:.95rem}
    .skrow:last-child{margin-bottom:0}
    .skmeta{display:flex;justify-content:space-between;margin-bottom:5px}
    .skn{font-family:'JetBrains Mono',monospace;font-size:.72rem;color:var(--t2);letter-spacing:.03em}
    .skp{font-family:'JetBrains Mono',monospace;font-size:.65rem;color:var(--t3)}
    .bartrack{height:3px;background:rgba(255,255,255,.07);border-radius:10px;overflow:hidden}
    .barfill{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--blue),var(--violet));transform-origin:left;transform:scaleX(0);transition:transform 1.1s var(--ease)}
    .tcloud{max-width:1300px;margin:3rem auto 0;display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;height:115px;overflow:hidden;transition:height .3s ease-in-out;content-visibility:auto}
    .tcloud:has(.tpill[data-lazy].active) {height: auto;}
    .tpill{font-family:'JetBrains Mono',monospace;font-size:.67rem;letter-spacing:.06em;color:var(--t2);background:rgba(255,255,255,.03);border:1px solid var(--b);padding:5px 13px;border-radius:100px;cursor:default;transition:color .2s,border-color .2s,background-color .2s}
    .tpill:hover{border-color:var(--blue);color:var(--blue);background:rgba(82,157,255,.07)}
    .tpill[data-lazy] {transition: opacity .3s ease-out;opacity: 0;height: 0;overflow: hidden;}
    .tpill[data-lazy].active {opacity: 1;height: auto;}
    #showpills {display:block;margin:1.2rem auto 0;font-family:'JetBrains Mono',monospace;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;background:none;border:1px solid var(--b);color:var(--t3);padding:7px 20px;border-radius:100px;cursor:pointer;transition:color .2s,border-color .2s,background-color .2s}
    #showpills:hover{border-color:var(--blue);color:var(--blue);background:rgba(82,157,255,.08)}
    /* Meter rows in skills */
    .meter-wrap{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--b)}
    .meter-row{display:flex;align-items:center;gap:12px;margin-bottom:.7rem}
    .meter-lbl{font-family:'JetBrains Mono',monospace;font-size:.65rem;color:var(--t2);min-width:90px}
    .skill-meter{flex:1;height:6px;border-radius:10px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(255,255,255,.07)}
    .skill-meter::-webkit-meter-bar{background:rgba(255,255,255,.07);border-radius:10px}
    .skill-meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,var(--blue),var(--violet));border-radius:10px}
    .skill-meter::-moz-meter-bar{background:linear-gradient(90deg,var(--blue),var(--violet))}

    /* ── EXPERIENCE ── */
    #experience{padding:8rem 5%}
    .ewrap{max-width:1300px;margin:0 auto}
    .tl{display:flex;flex-direction:column}
    .tli{display:block}
    .tli article{display:grid;grid-template-columns:190px 28px 1fr;gap:0 2rem}
    .tlt{text-align:right;padding:1.8rem 0}
    .tlper{font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);display:block;margin-bottom:8px}
    .tltype{font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:4px;border:1px solid;display:inline-block}
    .tlctr{display:flex;flex-direction:column;align-items:center}
    .tldot{width:14px;height:14px;border-radius:50%;margin-top:2.1rem;flex-shrink:0;z-index:1}
    .tlline{width:1px;flex:1;background:var(--b)}
    .tlbody{padding:1.4rem 0 3rem}
    .excard{padding:1.8rem;transition:all .3s var(--ease)}
    .excard:hover{transform:translateX(6px);box-shadow:0 0 50px rgba(82,157,255,.08)}
    .exrole{font-family:'Outfit',sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:3px}
    .exco{font-family:'JetBrains Mono',monospace;font-size:.76rem;color:var(--blue);letter-spacing:.04em}
    .exloc{font-family:'JetBrains Mono',monospace;font-size:.66rem;color:var(--t3)}
    .exdesc{font-size:.9rem;color:var(--t2);line-height:1.85;margin:1rem 0 1.1rem}
    .exlist{list-style:none;margin-bottom:1.4rem}
    .exlist li{font-size:.84rem;color:var(--t2);padding:3px 0 3px 20px;position:relative;line-height:1.7}
    .exlist li::before{content:'→';position:absolute;left:0;color:var(--blue);font-family:'JetBrains Mono',monospace;font-size:.8rem}
    .chips{display:flex;flex-wrap:wrap;gap:.4rem}
    .chip{font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.06em;color:var(--t3);background:rgba(255,255,255,.04);border:1px solid var(--b);padding:3px 9px;border-radius:5px}
    /* Details/Summary for extra exp info */
    .exp-details{margin-top:1rem}
    .exp-details summary{font-family:'JetBrains Mono',monospace;font-size:.69rem;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}
    .exp-details summary::before{content:'▶';font-size:.6rem;transition:transform .2s}
    .exp-details[open] summary::before{transform:rotate(90deg)}
    .exp-details-body{margin-top:1rem;padding:1rem;background:rgba(82,157,255,.04);border-radius:10px;border:1px solid rgba(82,157,255,.13);font-size:.85rem;color:var(--t2)}

    /* ── PROJECTS ── */
    #projects{padding:8rem 5%;background:linear-gradient(180deg,transparent,rgba(255,203,79,.01) 50%,transparent)}
    .phdr{max-width:1300px;margin:0 auto 3rem;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:2rem}
    .pgrid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}
    .pcard{display:flex;flex-direction:column;overflow:hidden;transition:all .3s var(--ease)}
    .pcard:hover{transform:translateY(-6px);box-shadow:0 0 50px rgba(82,157,255,.1)}
    .pthumb{height:178px;background:linear-gradient(135deg,rgba(82,157,255,.12),rgba(167,139,250,.09),rgba(255,203,79,.09));display:flex;align-items:center;justify-content:center;font-size:3.5rem;border-bottom:1px solid var(--b);position:relative;overflow:hidden}
    .pbadge{position:absolute;top:11px;left:11px;font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);background:rgba(255,203,79,.1);border:1px solid rgba(255,203,79,.3);padding:3px 9px;border-radius:4px}
    .pstars{position:absolute;top:11px;right:11px;font-family:'JetBrains Mono',monospace;font-size:.68rem;color:var(--t2);display:flex;align-items:center;gap:3px}
    .povly{position:absolute;inset:0;background:rgba(6,8,16,.88);display:flex;align-items:center;justify-content:center;gap:1rem;opacity:0;transition:opacity .25s}
    .pcard:hover .povly{opacity:1}
    .pibtn{width:44px;height:44px;border-radius:9px;background:var(--card);border:1px solid rgba(82,157,255,.4);display:flex;align-items:center;justify-content:center;color:var(--t1);transition:background-color .2s,border-color .2s,color .2s}
    .pibtn:hover{background:var(--blue);border-color:var(--blue);color:var(--bg)}
    .pibtn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
    .pbody{padding:1.4rem;flex:1;display:flex;flex-direction:column}
    .ptitle{font-family:'Outfit',sans-serif;font-size:1.05rem;font-weight:700;margin-bottom:.55rem}
    .pdesc{font-size:.83rem;color:var(--t2);line-height:1.7;flex:1;margin-bottom:1.1rem}
    .ptags{display:flex;flex-wrap:wrap;gap:.4rem}
    .ptag{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.05em;color:var(--t3);background:rgba(255,255,255,.04);border:1px solid var(--b);padding:2px 8px;border-radius:4px}
    .ghbanner{max-width:1300px;margin:3rem auto 0;padding:1.8rem 2.2rem;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
    .ghbanner svg{width:32px;height:32px;fill:var(--t2);flex-shrink:0}

    /* Stats table */
    .stats-table{width:100%;border-collapse:collapse;margin-top:1.5rem;font-family:'JetBrains Mono',monospace;font-size:.72rem}
    .stats-table caption{font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);padding-bottom:1rem;text-align:left}
    .stats-table th{color:var(--t3);font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;padding:.6rem 1rem;border-bottom:1px solid var(--b);text-align:left}
    .stats-table td{padding:.6rem 1rem;color:var(--t2);border-bottom:1px solid rgba(82,157,255,.06)}
    .stats-table tr:hover td{color:var(--t1);background:rgba(82,157,255,.04)}
    .stats-table colgroup col.highlight{background:rgba(82,157,255,.04)}


    /* ── TOOLS & PLATFORMS ── */
    #tools{padding:8rem 5%}
    .tgrid{max-width:1300px;margin:2rem auto 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}
    .tcat{padding:1.6rem}
    .tcat:hover{transform:translateY(-4px)}
    .tlist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}
    .tlist li{font-family:'JetBrains Mono',monospace;font-size:.75rem;color:var(--t2);display:flex;align-items:center;gap:.5rem;letter-spacing:.02em}
    .tmark{color:var(--gold);font-size:.7rem;flex-shrink:0}
    @media(max-width:600px){.tgrid{grid-template-columns:1fr}}


    /* ── CS FUNDAMENTALS ── */
    #cs{padding:8rem 5%}
    .csgrid{max-width:1300px;margin:2rem auto 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.2rem}
    .cscard{padding:1.6rem}
    .cscard:hover{transform:translateY(-4px)}
    .cslist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}
    .cslist li{font-size:.82rem;color:var(--t2);line-height:1.5;padding-left:.8rem;border-left:2px solid rgba(82,157,255,.2)}

    /* ── ARCHITECTURE ── */
    #architecture{padding:8rem 5%;background:rgba(255,255,255,.01)}
    .archgrid{max-width:1300px;margin:2rem auto 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.2rem}
    .archcard{padding:1.6rem}
    .archcard:hover{transform:translateY(-4px)}

    /* ── SOFT SKILLS ── */
    #softskills{padding:8rem 5%}
    .softgrid{max-width:1300px;margin:2rem auto 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}
    .softcard{padding:1.6rem}
    .softcard:hover{transform:translateY(-4px)}

    /* ── CERTIFICATIONS ── */
    #certifications{padding:8rem 5%;background:rgba(255,255,255,.01)}
    .certgrid{max-width:1300px;margin:2rem auto 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.2rem}
    .certcard{padding:1.6rem}
    .certcard:hover{transform:translateY(-4px)}
    .certlist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem}
    .cert-item{display:flex;align-items:center;gap:.6rem;font-size:.82rem;color:var(--t2)}
    .cbadge{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.06em;padding:2px 7px;border-radius:4px;flex-shrink:0}
    .cbadge-done{background:rgba(79,216,164,.15);color:#4FD8A4;border:1px solid #4FD8A4}
    .cbadge-earned{background:rgba(82,157,255,.15);color:#529DFF;border:1px solid #529DFF}
    .cbadge-target{background:rgba(255,203,79,.1);color:#FFCB4F;border:1px solid rgba(255,203,79,.4)}
    .lplat{max-width:1300px;margin:2.5rem auto 0;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}

    @media(max-width:600px){
      .csgrid,.archgrid,.softgrid,.certgrid{grid-template-columns:1fr}
    }

    /* ── BLOG ── */
    #blog{padding:8rem 5%}
    .bhdr{max-width:1300px;margin:0 auto 3rem;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:2rem}
    .bgrid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}
    .bcard{padding:1.8rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s var(--ease);text-decoration:none;color:inherit}
    .bcard:hover{transform:translateY(-4px);box-shadow:0 0 50px rgba(82,157,255,.08)}
    .bmeta{display:flex;align-items:center;gap:.9rem;font-family:'JetBrains Mono',monospace;font-size:.65rem;letter-spacing:.06em;color:var(--t3)}
    .bdot{width:3px;height:3px;border-radius:50%;background:var(--t3)}
    .btags{display:flex;flex-wrap:wrap;gap:.4rem}
    .btag{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.06em;color:var(--blue);background:rgba(82,157,255,.08);border:1px solid rgba(82,157,255,.2);padding:2px 8px;border-radius:4px}
    .btitle{font-family:'Outfit',sans-serif;font-size:1rem;font-weight:700;line-height:1.4}
    .bexcerpt{font-size:.83rem;color:var(--t2);line-height:1.72;flex:1}
    .readmore{font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);display:flex;align-items:center;gap:5px;transition:gap .2s}.stretched-link::after{content:"";position:absolute;inset:0;z-index:1}
    .bcard:hover .readmore{gap:9px}

    /* ── CONTACT ── */
    #contact{padding:8rem 5%;background:linear-gradient(180deg,transparent,rgba(167,139,250,.02) 50%,transparent)}
    .cgrid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
    .csub{font-size:.97rem;color:var(--t2);line-height:1.85;margin-bottom:2.2rem}
    .clinks{display:flex;flex-direction:column;gap:.85rem}
    .clink{display:flex;align-items:center;gap:1rem;padding:.95rem 1.2rem;border-radius:12px;border:1px solid var(--b);background:var(--card);transition:all .25s var(--ease);text-decoration:none;color:inherit}
    .clink:hover{border-color:var(--bglow);transform:translateX(6px)}
    .clico{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
    .clico svg{width:18px;height:18px;fill:currentColor}
    .clbl{font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);display:block;margin-bottom:2px}
    .cval{font-size:.85rem;font-weight:500}
    .carr{margin-left:auto;color:var(--t3)}
    .fbox{padding:2.4rem}
    .ftitle{font-family:'Outfit',sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:1.8rem}
    .fgrow{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.1rem}
    .fg{margin-bottom:1.1rem}
    label.flbl{font-family:'JetBrains Mono',monospace;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);display:block;margin-bottom:7px}
    input.finput,select.finput,textarea.ftextarea{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--b);border-radius:12px;padding:11px 15px;font-family:'Outfit',sans-serif;font-size:.9rem;color:var(--t1);outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}
    input.finput:focus,select.finput:focus,textarea.ftextarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(82,157,255,.12)}
    select.finput option{background:var(--bg2);color:var(--t1)}
    textarea.ftextarea{height:128px;resize:vertical}
    .fsubmit{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bg);background:var(--blue);border:none;padding:14px;border-radius:12px;cursor:pointer;transition:all .25s var(--ease);margin-top:.4rem}
    .fsubmit:hover{background:#7BBEFF;transform:translateY(-2px);box-shadow:0 10px 30px rgba(82,157,255,.3)}
    #fsuc{display:none;text-align:center;padding:2.5rem 1rem;font-family:'JetBrains Mono',monospace;color:var(--green)}
    #fsuc .fchk{font-size:2.8rem;display:block;margin-bottom:1rem}
    /* Fieldset styling */
    fieldset{border:1px solid var(--b);border-radius:12px;padding:1.2rem;margin-bottom:1.1rem}
    fieldset legend{font-family:'JetBrains Mono',monospace;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);padding:0 8px}

    /* ── TESTIMONIAL (blockquote) ── */
    #testimonials{padding:6rem 5%;border-top:1px solid var(--b)}
    .testimonials-wrap{max-width:1300px;margin:0 auto}
    .testi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;margin-top:3rem}
    blockquote.testi{padding:2rem;position:relative}
    blockquote.testi::before{content:'"';font-family:'Bebas Neue',sans-serif;font-size:6rem;line-height:.7;color:rgba(82,157,255,.1);position:absolute;top:1rem;left:1.5rem}
    blockquote.testi p{font-size:.95rem;color:var(--t2);line-height:1.85;font-style:italic;position:relative;z-index:1;padding-top:.5rem}
    .testi-attr{margin-top:1.2rem;display:flex;align-items:center;gap:.8rem;font-style:normal}
    blockquote.testi footer cite{font-family:'JetBrains Mono',monospace;font-size:.72rem;color:var(--blue);font-style:normal}
    blockquote.testi footer small{color:var(--t3);font-family:'JetBrains Mono',monospace;font-size:.65rem}

    /* ── FAQ (details/summary) ── */
    #faq{padding:6rem 5%;background:linear-gradient(180deg,transparent,rgba(82,157,255,.015) 50%,transparent)}
    .faq-wrap{max-width:900px;margin:0 auto}
    .faq-list{margin-top:3rem;display:flex;flex-direction:column;gap:1rem}
    details.faq-item{background:var(--card);border:1px solid var(--b);border-radius:14px;overflow:hidden;transition:border-color .3s}
    details.faq-item[open]{border-color:rgba(82,157,255,.35)}
    details.faq-item summary{padding:1.2rem 1.5rem;cursor:pointer;font-family:'Outfit',sans-serif;font-size:.97rem;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--t1)}
    details.faq-item summary::-webkit-details-marker{display:none}
    details.faq-item summary::after{content:'＋';color:var(--blue);font-size:1.2rem;transition:transform .3s;flex-shrink:0}
    details.faq-item[open] summary::after{transform:rotate(45deg)}
    details.faq-item .faq-body{padding:0 1.5rem 1.5rem;font-size:.9rem;color:var(--t2);line-height:1.85}
    details.faq-item .faq-body code{font-family:'JetBrains Mono',monospace;font-size:.8rem;background:rgba(82,157,255,.08);border:1px solid rgba(82,157,255,.2);padding:2px 7px;border-radius:5px;color:var(--blue)}

    /* ── DIALOG (modal) ── */
    dialog#cvmodal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg2);border:1px solid rgba(82,157,255,.35);border-radius:20px;padding:2.5rem;max-width:500px;width:90%;z-index:500;box-shadow:0 40px 100px rgba(0,0,0,.7);color:var(--t1)}
    dialog#cvmodal::backdrop{background:rgba(6,8,16,.85);backdrop-filter:blur(8px)}
    .dialog-title{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.04em;background:linear-gradient(120deg,var(--blue),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}
    .dialog-body{font-size:.9rem;color:var(--t2);line-height:1.85;margin-bottom:1.5rem}
    .dialog-actions{display:flex;gap:1rem;flex-wrap:wrap}
    .dialog-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--t2);font-size:1.4rem;cursor:pointer}
    /* noscript fallback */
    noscript .noscript-msg{background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3);color:var(--red);padding:1rem 1.5rem;border-radius:10px;font-family:'JetBrains Mono',monospace;font-size:.8rem;text-align:center;margin:1rem}

    /* ── FOOTER ── */
    #mainfooter{padding:4rem 5% 2.5rem;border-top:1px solid var(--b)}
    .ftop{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2rem;margin-bottom:3rem}
    .fbrand h3,.fbrand-name{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:.04em;background:linear-gradient(120deg,var(--blue),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px}
    .fbrand p{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--t3);letter-spacing:.06em}
    .fsocs{display:flex;gap:.7rem}
    .fbot{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid rgba(82,157,255,.07);flex-wrap:wrap;gap:1rem}
    .fcopy{font-family:'JetBrains Mono',monospace;font-size:.67rem;color:var(--t3)}

    /* BTT */
    #btt{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;border-radius:10px;background:var(--blue);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;border:none;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s,background-color .3s;z-index:99;font-weight:700}
    #btt.show{opacity:1;pointer-events:auto}
    #btt:hover{background:#7BBEFF;transform:translateY(-3px)}

    /* RESPONSIVE */
    @media(max-width:1280px){
      .navlinks a{font-size:.6rem;padding:6px 10px}
      .nhire{font-size:.6rem;padding:8px 16px}
      .logo{font-size:1.35rem}
      .logo small{font-size:.55rem}
    }
    @media(max-width:1024px){
      .hgrid,.agrid,.cgrid{grid-template-columns:1fr!important}
      .hright{display:none!important}
      .tli article{grid-template-columns:1fr!important}
      .tlt,.tlctr{display:none!important}
      .navlinks,.nhire{display:none!important}
      .ham{display:flex!important}
    }
    @media(max-width:768px){
      .shdr,.phdr,.bhdr{flex-direction:column;align-items:flex-start}
      .fgrow{grid-template-columns:1fr!important}
      .ftop{flex-direction:column}
      .sbar{grid-template-columns:repeat(2,1fr)!important}
      .testi-grid{grid-template-columns:1fr}
    }
    @media(max-width:480px){
      #mob{padding:4rem 1.5rem 2rem;gap:.8rem}
      #mob a{font-size:1.4rem;padding:.4rem}
      .logo{font-size:1.2rem}
      .logo small{font-size:.5rem}
      #mainnav{height:60px;padding:0 3%}
      .mclose{top:1rem;right:1rem;width:40px;height:40px;font-size:1.2rem}
    }
  
    /* ── VIRTUAL SCROLL ── */
    #pgrid-virtual { position: relative; }
    .vscroll-sentinel { height: 1px; width: 100%; }
    .pcard[data-vs-hidden] { display: none !important; }

    /* ── REDUCED MOTION ── */
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
      }
      .pulse::before { animation: none; }
    }

    /* ── WILL-CHANGE guardrails ── */
    .pcard { will-change: transform; contain: layout style; }
    .skcard { will-change: transform; contain: layout style; }
    .card { contain: layout style; }