/* TechIT — dopunske animacije (progressive enhancement).
   Drži se postojeće brand/cyber estetike (signal #0DFFAA). Bez diranja Tailwind builda. */

/* Definicija koja je falila — .reveal je postojao, keyframe nije */
@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes shimmer{to{background-position:250% 0}}
@keyframes glowPulse{0%,to{box-shadow:0 0 0 1px rgba(13,255,170,.18),0 0 22px -10px rgba(13,255,170,.55)}50%{box-shadow:0 0 0 1px rgba(13,255,170,.45),0 0 38px -6px rgba(13,255,170,.85)}}
@keyframes btnShine{to{left:130%}}

/* ---- Scroll reveal (JS dodaje .is-visible) ---- */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
[data-reveal].is-visible{opacity:1;transform:none}

/* ---- Kartice: pojačan hover (lift + scale + glow + sheen) ---- */
.card-hover{overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s}
.card-hover:hover{transform:translateY(-8px) scale(1.015);
  border-color:rgba(13,255,170,.85);
  box-shadow:0 1px 0 0 hsla(0,0%,100%,.05) inset,0 30px 60px -28px rgba(0,0,0,.9),0 0 46px -10px rgba(13,255,170,.5)}
.card-hover::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;
  background:linear-gradient(120deg,transparent 28%,rgba(13,255,170,.18) 50%,transparent 72%);
  background-size:250% 100%;background-position:-150% 0}
.card-hover:hover::after{opacity:1;animation:shimmer .9s ease forwards}
.card-hover .ico{transition:transform .35s cubic-bezier(.22,1,.36,1),color .3s}
.card-hover:hover .ico{transform:translateY(-2px) scale(1.08);animation:glowPulse 1.5s ease-in-out infinite}

/* ---- Nav podvlačenje koje raste ---- */
.nav-link::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;
  background:rgb(13 255 170);transition:width .25s cubic-bezier(.4,0,.2,1)}
.nav-link:hover::after,.nav-link.active::after{width:100%}

/* ---- Shine sweep preko primarnog dugmeta ---- */
.btn-primary{position:relative;overflow:hidden}
.btn-primary::after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;
  transform:skewX(-20deg);background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.45),transparent)}
.btn-primary:hover::after{animation:btnShine .8s ease}

[data-count]{font-variant-numeric:tabular-nums}

@media (prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  .card-hover::after,.btn-primary::after{display:none!important}
  .card-hover:hover{transform:none!important}
  .card-hover:hover .ico{animation:none!important;transform:none!important}
}

/* === Mobilni hamburger meni === */
.techit-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:11px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:transparent;cursor:pointer}
.techit-burger span{display:block;height:2px;width:100%;background:#e5e7eb;border-radius:2px;transition:transform .25s,opacity .2s}
.techit-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.techit-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.techit-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.techit-mobile-nav{background:rgba(8,13,23,.98);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:64px;z-index:39;animation:techitSlide .2s ease}
.techit-mobile-nav[hidden]{display:none}
.techit-mobile-nav .wrap{display:flex;flex-direction:column;padding-top:8px;padding-bottom:16px}
.techit-mobile-nav a{padding:13px 4px;color:#cbd5e1;font-weight:500;border-bottom:1px solid rgba(255,255,255,.06)}
.techit-mobile-nav a.active,.techit-mobile-nav a:hover{color:#38ffb4}
.techit-mobile-nav .techit-mobile-cta{margin-top:14px;border-bottom:0;text-align:center}
@keyframes techitSlide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

@media (min-width:768px){.techit-burger{display:none!important}.techit-mobile-nav{display:none!important}}

.techit-mobile-ticket{margin-top:10px;text-align:center;padding:12px;border:1px solid #38ffb4;border-radius:8px;color:#38ffb4!important;font-weight:600;border-bottom:1px solid #38ffb4!important}