html, body { margin:0; padding:0; background:#0B0418; }
  * { box-sizing: border-box; }
  a { color: inherit; text-decoration: none; }
  a:hover { color: #AA5BC7; }
  ::selection { background:#7C3AED; color:#fff; }
  @media (pointer: fine) { body, body * { cursor: none !important; } }
  @keyframes cdSpin { to { transform: rotate(360deg); } }
  @keyframes cdGrad { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }
  @keyframes cdMarquee { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }
  @keyframes cdBlob {
    0%   { transform: translate(0,0) scale(1) rotate(0deg); border-radius: 60% 40% 55% 45% / 45% 55% 40% 60%; }
    50%  { transform: translate(6%,-5%) scale(1.18) rotate(140deg); border-radius: 40% 60% 35% 65% / 60% 35% 65% 40%; }
    100% { transform: translate(0,0) scale(1) rotate(360deg); border-radius: 60% 40% 55% 45% / 45% 55% 40% 60%; }
  }
  [data-reveal] { opacity:0; transform: translateY(28px); transition: opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1); }
  [data-reveal].cd-in { opacity:1; transform:none; }
  .cd-track::-webkit-scrollbar { height:0; }

/* nav: echivalentul sc-if isDesktop / isMobile (breakpoint 860px din componenta) */
.cd-mob { display: none; }
@media (max-width: 860px) {
  .cd-desk { display: none !important; }
  .cd-mob { display: block; }
}
@media (min-width: 861px) { .cd-menu { display: none !important; } }

/* Blog & News ascuns temporar (cerere client, 14 sep 2026) */
#news { display: none !important; }
.cdx1:hover { filter:brightness(1.18) !important }
.cdx2:hover { filter:brightness(1.18) !important; transform:translateY(-2px) !important }
.cdx3:hover { border-color:#AA5BC7 !important; color:#AA5BC7 !important }
.cdx4:hover { border-color:#AA5BC7 !important; color:#AA5BC7 !important }
.cdx5:hover { transform:translateY(-8px) !important; border-color:rgba(170,91,199,.55) !important }
.cdx6:hover { transform:translateY(-8px) !important; border-color:rgba(170,91,199,.55) !important }
.cdx7:hover { transform:translateY(-8px) !important; border-color:rgba(170,91,199,.55) !important }
.cdx8:hover { transform:translateY(-8px) !important; border-color:rgba(170,91,199,.55) !important }
.cdx9:hover { transform:translateY(-8px) !important; border-color:rgba(170,91,199,.55) !important }
.cdx10:hover { transform:translateY(-8px) !important; border-color:rgba(170,91,199,.55) !important }
.cdx11:hover { transform:translateY(-8px) !important; border-color:rgba(170,91,199,.55) !important }
.cdx12:hover { transform:translateY(-8px) !important; border-color:rgba(170,91,199,.55) !important }
.cdx13:hover { background:#1B0E33 !important; color:#F7F5FF !important }
.cdx14:hover { border-color:rgba(124,58,237,.55) !important }
.cdx14::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #161024 }
.cdx15:hover { border-color:rgba(124,58,237,.55) !important }
.cdx15::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #161024 }
.cdx16:hover { border-color:rgba(124,58,237,.55) !important }
.cdx16::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #161024 }
.cdx17:hover { border-color:rgba(124,58,237,.55) !important }
.cdx17::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #161024 }
.cdx18:hover { border-color:rgba(124,58,237,.55) !important }
.cdx18::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #161024 }
.cdx19:hover { border-color:rgba(124,58,237,.55) !important }
.cdx19::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #161024 }
.cdx20:hover { border-color:rgba(124,58,237,.55) !important }
.cdx20::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #161024 }
.cdx21:hover { border-color:rgba(124,58,237,.55) !important }
.cdx21::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #161024 }
.cdx22:hover { border-color:rgba(163,52,108,.6) !important }
.cdx22::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #161024 }
.cdx23:hover { border-color:rgba(163,52,108,.6) !important }
.cdx23::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #161024 }
.cdx24:hover { border-color:rgba(163,52,108,.6) !important }
.cdx24::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #161024 }
.cdx25:hover { border-color:rgba(163,52,108,.6) !important }
.cdx25::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #161024 }
.cdx26:hover { border-color:rgba(163,52,108,.6) !important }
.cdx26::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #161024 }
.cdx27:hover { border-color:rgba(163,52,108,.6) !important }
.cdx27::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #161024 }
.cdx28:hover { border-color:rgba(163,52,108,.6) !important }
.cdx28::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #161024 }
.cdx29:hover { border-color:rgba(163,52,108,.6) !important }
.cdx29::after { content:''; position:absolute; left:38px; bottom:-14px; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid #161024 }
.cdx30:hover { border-color:#AA5BC7 !important; color:#AA5BC7 !important }
.cdx31:hover { border-color:rgba(170,91,199,.5) !important }
.cdx32:hover { transform:scale(1.04) !important }
.cdx33:hover { border-color:rgba(170,91,199,.5) !important }
.cdx34:hover { transform:scale(1.06) !important }
.cdx35:hover { border-color:rgba(170,91,199,.5) !important }
.cdx36:hover { transform:scale(1.06) !important }
.cdx37:hover { border-color:rgba(170,91,199,.5) !important }
.cdx38:hover { transform:scale(1.06) !important }
.cdx39:hover { filter:brightness(1.06) !important; transform:translateY(-2px) !important; color:#1B0E33 !important }
.cdx40:hover { border-color:#AA5BC7 !important }
.cdx41:hover { border-color:#AA5BC7 !important }
.cdx42:hover { border-color:#AA5BC7 !important }
.cdx43:hover { border-color:#AA5BC7 !important }