/* AI Akademija – naslovnica ([ai-akademija-naslovnica]) */
.aka{--aka-ink:#0B1033;--aka-text:#4A5272;--aka-muted:#7A8199;--aka-line:#E6E9F5;--aka-bg:#F6F8FF;--aka-card:#FFFFFF;
  --aka-cyan:#00D2FF;--aka-blue:#1F5BFF;--aka-violet:#7B2FFF;--aka-pink:#E21EFF;
  --aka-grad:linear-gradient(100deg,#1F5BFF 0%,#7B2FFF 35%,#E21EFF 60%,#00D2FF 85%,#1F5BFF 100%);
  font-family:'Plus Jakarta Sans',Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--aka-ink);
  background:linear-gradient(180deg,#FFFFFF 0%,var(--aka-bg) 100%);overflow:hidden;-webkit-font-smoothing:antialiased}
.aka *,.aka *::before,.aka *::after{box-sizing:border-box;font-family:inherit}
.aka h1,.aka h2,.aka h3,.aka p{margin:0;padding:0;color:inherit;text-transform:none;letter-spacing:normal}
.aka a{text-decoration:none}
.aka-wrap{max-width:1240px;margin:0 auto;padding:0 24px}

/* tekst i gumbi koji se preljevaju iz boje u boju */
.aka-grad-text{background:var(--aka-grad);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;animation:aka-flow 9s ease-in-out infinite alternate}
.aka-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:60px;padding:0 34px;border-radius:14px;
  font-size:18px;font-weight:700;line-height:1;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin:0;border:0;white-space:nowrap}
.aka-btn-grad{color:#fff!important;background:var(--aka-grad);background-size:300% 100%;
  box-shadow:0 12px 30px -10px rgba(91,60,255,.65);animation:aka-flow 6s ease-in-out infinite alternate}
.aka-btn-grad:hover{transform:translateY(-2px);box-shadow:0 18px 36px -12px rgba(123,47,255,.75)}
.aka-btn-ghost{color:var(--aka-ink)!important;background:#fff;border:1.5px solid var(--aka-line);box-shadow:0 6px 18px -12px rgba(11,16,51,.25)}
.aka-btn-ghost:hover{transform:translateY(-2px);border-color:#C9CFF0}
.aka-btn svg{width:22px;height:22px;flex:none}
.aka-play{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--aka-line);display:grid;place-items:center}
.aka-play svg{width:14px;height:14px;fill:var(--aka-blue)}
@keyframes aka-flow{0%{background-position:0% 50%}100%{background-position:100% 50%}}

/* HERO */
.aka-hero{position:relative;padding:56px 0 64px}
.aka-hero .aka-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center}
.aka-badge{display:inline-block;padding:9px 18px;border-radius:999px;background:#EEF1FF;color:var(--aka-blue);
  font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin-bottom:26px}
.aka-hero h1{font-size:clamp(40px,5.2vw,72px);line-height:1.04;font-weight:800;letter-spacing:-.035em;margin-bottom:24px}
.aka-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--aka-text);max-width:590px;margin-bottom:34px!important}
.aka-actions{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:38px}
.aka-stats{display:flex;flex-wrap:wrap;gap:14px 0;align-items:center}
.aka-stat{display:flex;align-items:center;gap:10px;padding:0 14px;border-left:1px solid var(--aka-line)}
.aka-stat:first-child{padding-left:0;border-left:0}
.aka-stat-ico{width:40px;height:40px;border-radius:50%;background:#EEF1FF;display:grid;place-items:center;flex:none}
.aka-stat-ico svg{width:22px;height:22px;fill:none;stroke:var(--aka-blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.aka-stat-ico svg.aka-fill{fill:var(--aka-blue);stroke:none}
.aka-stat div b{display:block;font-size:16px;font-weight:700;line-height:1.2}
.aka-stat div span{display:block;font-size:13.5px;color:var(--aka-muted);line-height:1.3}

/* desna strana: znak u svjetlu + plutajuće kartice (kasnije može fotografija) */
.aka-visual{position:relative;aspect-ratio:1/1;max-width:560px;width:100%;justify-self:center}
.aka-glow{position:absolute;inset:6%;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,rgba(0,210,255,.35),transparent 55%),radial-gradient(circle at 70% 70%,rgba(226,30,255,.28),transparent 55%),radial-gradient(circle,rgba(123,47,255,.18),transparent 70%);
  filter:blur(10px)}
.aka-orbit{position:absolute;inset:10%;border-radius:50%;border:1.5px solid rgba(123,47,255,.22)}
.aka-orbit::before,.aka-orbit::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#B9A6FF;box-shadow:0 0 14px rgba(123,47,255,.6)}
.aka-orbit::before{top:12%;left:9%}.aka-orbit::after{bottom:16%;right:4%;background:#8FE9FF;box-shadow:0 0 14px rgba(0,210,255,.6)}
.aka-orbit-2{inset:22%;border-style:dashed;border-color:rgba(31,91,255,.18);animation:aka-spin 60s linear infinite}
.aka-orbit-2::before,.aka-orbit-2::after{display:none}
@keyframes aka-spin{to{transform:rotate(360deg)}}
.aka-logo{position:absolute;inset:27%;width:46%;height:auto;filter:drop-shadow(0 24px 40px rgba(91,60,255,.35));animation:aka-float 6s ease-in-out infinite}
.aka-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:32px}
@keyframes aka-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.aka-fcard{position:absolute;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:14px 18px;box-shadow:0 18px 40px -16px rgba(31,40,110,.35);
  animation:aka-float 7s ease-in-out infinite}
.aka-fcard-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none}
.aka-fcard-ico svg{width:24px;height:24px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.aka-fcard b{display:block;font-size:16px;font-weight:700;margin-bottom:8px;white-space:nowrap}
.aka-bar{display:block;width:110px;height:6px;border-radius:6px;background:#E6E9F5;overflow:hidden}
.aka-bar i{display:block;height:100%;border-radius:6px;background:var(--aka-grad);background-size:300% 100%;animation:aka-flow 6s ease-in-out infinite alternate}
.aka-fc1{top:6%;left:-4%;transform:rotate(-3deg);animation-delay:-1s}
.aka-fc2{top:30%;left:-10%;animation-delay:-3s}
.aka-fc3{top:9%;right:-6%;animation-delay:-2s}
.aka-info{position:absolute;right:-2%;bottom:12%;background:#fff;border-radius:18px;padding:18px 22px;box-shadow:0 18px 40px -16px rgba(31,40,110,.35);
  display:grid;gap:14px;animation:aka-float 8s ease-in-out infinite;animation-delay:-4s}
.aka-info div{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500}
.aka-info svg{width:22px;height:22px;fill:none;stroke:var(--aka-blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* POPULARNI PROGRAMI */
.aka-prog{padding:40px 0 72px;background:var(--aka-bg)}
.aka-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.aka .aka-kicker{font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--aka-blue);margin-bottom:10px!important}
.aka-prog h2{font-size:clamp(28px,3.2vw,42px);line-height:1.15;font-weight:800;letter-spacing:-.025em}
.aka-head-r{display:flex;align-items:center;gap:28px}
.aka-head-r p{max-width:400px;font-size:15px;line-height:1.55;color:var(--aka-text)}
.aka-arrows{display:flex;gap:12px}
.aka-arrow{width:48px;height:48px;min-height:0;padding:0;margin:0;border-radius:50%;border:1px solid var(--aka-line);background:#fff;color:var(--aka-ink);
  display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 16px -10px rgba(11,16,51,.3);transition:background .2s,color .2s}
.aka-arrow:hover{background:var(--aka-ink);color:#fff}
.aka-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.aka-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;padding:6px 2px 16px;margin:-6px -2px 0}
.aka-track::-webkit-scrollbar{display:none}
.aka-course{scroll-snap-align:start;display:grid;grid-template-columns:42% 1fr;gap:22px;align-items:center;background:var(--aka-card);
  border:1px solid var(--aka-line);border-radius:20px;padding:12px;color:var(--aka-ink)!important;transition:transform .25s,box-shadow .25s}
.aka-course:hover{transform:translateY(-4px);box-shadow:0 22px 40px -22px rgba(31,40,110,.4)}
.aka-thumb{aspect-ratio:4/5;border-radius:14px;display:grid;place-items:center;position:relative;overflow:hidden}
.aka-thumb::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.55),transparent 55%)}
.aka-thumb svg{width:46%;height:auto;position:relative;z-index:1;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 16px rgba(0,0,0,.18))}
.aka-t1{background:linear-gradient(145deg,#BFE9FF,#3E8BFF)}
.aka-t2{background:linear-gradient(145deg,#E3D6FF,#8B55FF)}
.aka-t3{background:linear-gradient(145deg,#B8FFF1,#13B8C9)}
.aka-t4{background:linear-gradient(145deg,#FFD6F6,#D63DE8)}
.aka-t5{background:linear-gradient(145deg,#D2DCFF,#3D4BFF)}
.aka-level{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:#EEF1FF;color:var(--aka-blue);font-size:14px;font-weight:600;margin-bottom:14px}
.aka-level::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.aka-l2{background:#F2EBFF;color:var(--aka-violet)}.aka-l3{background:#E3FAF6;color:#0E9AA8}.aka-l4{background:#FDE9FB;color:#C21ED6}
.aka-course h3{font-size:21px;font-weight:800;line-height:1.2;margin-bottom:10px}
.aka-course p{font-size:14.5px;line-height:1.5;color:var(--aka-text);margin-bottom:18px}
.aka-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--aka-text)}
.aka-meta span{display:inline-flex;align-items:center;gap:6px}
.aka-meta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:1200px){
  .aka-track{grid-auto-columns:calc((100% - 24px)/2)}
  .aka-head-r p{display:none}
}
@media (max-width:900px){
  .aka-hero{padding:32px 0 48px}
  .aka-hero .aka-wrap{grid-template-columns:1fr;gap:28px}
  .aka-visual{max-width:440px;order:2}
  .aka-fc2{left:-2%}.aka-fc3{right:-2%}
}
@media (max-width:600px){
  .aka-wrap{padding:0 16px}
  .aka-badge{font-size:11px;letter-spacing:.12em;margin-bottom:18px}
  .aka-actions{flex-direction:column;gap:12px}
  .aka-btn{width:100%;min-height:56px;font-size:17px}
  .aka-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px 10px}
  .aka-stat{padding:0;border-left:0}
  .aka-stat-ico{width:40px;height:40px}
  .aka-fcard{padding:10px 12px;gap:10px;border-radius:14px}
  .aka-fcard-ico{width:34px;height:34px}.aka-fcard-ico svg{width:19px;height:19px}
  .aka-fcard b{font-size:13px;margin-bottom:6px}.aka-bar{width:72px}
  .aka-info{padding:12px 14px;gap:9px}.aka-info div{font-size:13px}.aka-info svg{width:18px;height:18px}
  .aka-fc2{top:40%}
  .aka-head{flex-direction:column;align-items:flex-start;gap:16px}
  .aka-head-r{width:100%;justify-content:flex-end}
  .aka-track{grid-auto-columns:86%;gap:14px}
  .aka-course{grid-template-columns:1fr;gap:14px}
  .aka-thumb{aspect-ratio:16/10}.aka-thumb svg{width:28%}
  .aka-course-body{padding:0 6px 8px}
}
@media (prefers-reduced-motion:reduce){.aka *{animation:none!important;transition:none!important}}
/* 0.2.0: srednji ekrani (laptop) – brojke 2 × 2 da se ne lome; prazni odlomci koje doda WordPress */
@media (min-width:901px) and (max-width:1280px){
  .aka-stats{display:grid;grid-template-columns:auto auto;gap:18px 8px;justify-content:start}
  .aka-stat{padding:0 16px 0 0;border-left:0}
}
.aka-sc-wrap>p:empty,p:empty+.aka,.aka+p:empty{display:none}
.aka-has-foto .aka-logo,.aka-has-foto .aka-glow,.aka-has-foto .aka-orbit{display:none}
@media (min-width:901px) and (max-width:1280px){.aka-fc3{right:0}.aka-info{right:0}}