:root{color-scheme:dark only}
      html,body{background:#06090f}
      .glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);backdrop-filter: blur(10px)}
      .grid-shimmer{position:relative}
      .grid-shimmer::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 40px),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 40px);mask: radial-gradient(70% 50% at 50% 50%,#000 60%,transparent);pointer-events:none}
      .btn{display:inline-flex;align-items:center;gap:.6rem;border:1px solid rgba(255,255,255,.15);padding:.9rem 1.2rem;border-radius:9999px}
      .btn:hover{border-color:rgba(255,255,255,.3)}
      .blur-beam{position:absolute;filter:blur(70px);opacity:.45;pointer-events:none}
      .portfolio-card{transform-style:preserve-3d;transition:transform .25s ease}
      .portfolio-card:hover{transform:translateY(-6px) rotateX(.5deg) rotateY(.5deg)}
      @media (prefers-reduced-motion: reduce) { *{animation: none !important; transition: none !important} }
      /* Test badges */
      .badge{border:1px solid rgba(255,255,255,.15);padding:.2rem .5rem;border-radius:.5rem;font-size:.75rem}
      .pass{background:rgba(45,243,184,.12);border-color:rgba(45,243,184,.35)}
      .fail{background:rgba(255,99,132,.12);border-color:rgba(255,99,132,.35)}