@layer base {
      html, body {
        margin: 0;
        padding: 0;
        font-family: 'Mada', sans-serif;
      }
      body {
        overscroll-behavior: none;
        background-color: #161213;
        color: #e9e0e1;
      }
    }
    ::-webkit-scrollbar {
      display: none;
    }
    .glow-cyan-btn {
      background: linear-gradient(135deg, #168DD0 0%, #06A9E6 100%);
      box-shadow: 0 0 25px rgba(6, 169, 230, 0.45), 0 6px 20px rgba(22, 141, 208, 0.35);
      transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
    }
    .glow-cyan-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 0 35px rgba(6, 169, 230, 0.65), 0 8px 25px rgba(22, 141, 208, 0.5);
    }
    .secondary-glass-btn {
      background: rgba(18, 23, 30, 0.65);
      border: 1px solid rgba(6, 169, 230, 0.4);
      color: #C5E9FF;
      transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
    }
    .secondary-glass-btn:hover {
      background: rgba(6, 169, 230, 0.12);
      border-color: rgba(6, 169, 230, 0.7);
      transform: translateY(-2px);
      box-shadow: 0 0 20px rgba(6, 169, 230, 0.25);
    }
  
.tr-portfolio-placeholder-notice{max-width:1200px;margin:0 auto 20px;padding:12px 18px;border:1px solid rgba(127,208,255,.3);border-radius:14px;background:#101a28;color:#c9e9ff;font:600 14px Mada,Arial,sans-serif;line-height:1.8;text-align:center}
.tr-portfolio-empty{padding:40px;text-align:center;color:#d9eafd}
.tr-portfolio-empty[hidden]{display:none!important}
@media(max-width:767px){body:has(#tr-filter-section) main{padding-bottom:165px}#tr-project-modal,#tr-lightbox-modal{z-index:1300}}
@media(prefers-reduced-motion:reduce){main *,main *::before,main *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}