{"id":20404,"date":"2026-08-06T16:43:41","date_gmt":"2026-08-06T13:43:41","guid":{"rendered":"https:\/\/ai.ait.com.tr\/tr\/?page_id=20404"},"modified":"2026-08-06T16:46:44","modified_gmt":"2026-08-06T13:46:44","slug":"ait-akademi","status":"publish","type":"page","link":"https:\/\/ai.ait.com.tr\/tr\/ait-akademi\/","title":{"rendered":"AIT Akademi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20404\" class=\"elementor elementor-20404\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f2e1d8 e-flex e-con-boxed e-con e-parent\" data-id=\"7f2e1d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39ca144 elementor-widget elementor-widget-html\" data-id=\"39ca144\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\nAIT ACADEMY \u2014 E\u011e\u0130T\u0130M K\u00dcT\u00dcPHANES\u0130\r\nBu blo\u011fun TAMAMINI tek bir Elementor HTML widget'\u0131na yap\u0131\u015ft\u0131r\u0131n.\r\n\r\n\u00d6nerilen Elementor ayarlar\u0131:\r\n- Sayfa d\u00fczeni: Elementor Tam Geni\u015flik\r\n- \u00dcst kapsay\u0131c\u0131 bo\u015flu\u011fu: 0\r\n- \u00dcst kapsay\u0131c\u0131 aral\u0131\u011f\u0131: 0\r\n- Site header ve footer alanlar\u0131n\u0131 bu widget'\u0131n d\u0131\u015f\u0131nda tutun\r\n\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nV\u0130DEO NASIL EKLEN\u0130R? \u2014 30 saniye, ba\u015fka d\u00fczenleme gerekmez\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n1. YouTube videosunu a\u00e7\u0131n. Ba\u011flant\u0131 \u015fu \u015fekilde g\u00f6r\u00fcn\u00fcr:\r\n      https:\/\/www.youtube.com\/watch?v=dNZBpZ3AGas&list=PLB_...&index=2\r\n   Yaln\u0131zca \"v=\" ile ilk \"&\" aras\u0131ndaki b\u00f6l\u00fcm video kimli\u011fidir \u2192 dNZBpZ3AGas\r\n   (Yanl\u0131\u015fl\u0131kla ba\u011flant\u0131n\u0131n tamam\u0131n\u0131 yap\u0131\u015ft\u0131r\u0131rsan\u0131z kod bunu otomatik\r\n    olarak temizler; yine de yaln\u0131zca kimli\u011fi kullanmak daha d\u00fczenlidir.)\r\n\r\n2. A\u015fa\u011f\u0131da her AIT arac\u0131 i\u00e7in \u00fcretim s\u0131ras\u0131na g\u00f6re haz\u0131rlanm\u0131\u015f 17 e\u011fitim bulunur.\r\n   Her e\u011fitimde yaln\u0131zca \u015fu alan\u0131 de\u011fi\u015ftirmeniz yeterlidir:\r\n      data-length  \u2192 \"6:24\"  (iste\u011fe ba\u011fl\u0131d\u0131r; bo\u015fken s\u00fcre rozeti g\u00f6r\u00fcnmez)\r\n   17 videonun kimli\u011fi, ba\u015fl\u0131\u011f\u0131, a\u00e7\u0131klamas\u0131 ve ara\u00e7 ba\u011flant\u0131s\u0131 haz\u0131rd\u0131r.\r\n\r\n3. Hepsi bu kadar. Kapak g\u00f6rseli video kimli\u011finden otomatik olarak YouTube'dan\r\n   al\u0131n\u0131r; ayr\u0131ca kapak g\u00f6rseli y\u00fcklemeniz gerekmez.\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"preconnect\" href=\"https:\/\/i.ytimg.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;1,9..144,500;1,9..144,600&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   01 \u2014 DESIGN TOKENS\r\n============================================================ *\/\r\n.ait-academy-page{\r\n  --mint:#48C6A3;\r\n  --mint-strong:#2FAE8B;\r\n  --mint-bright:#67F0C7;\r\n\r\n  --bg-0:#050A08;\r\n  --bg-2:#0C1814;\r\n\r\n  --line:rgba(103,240,199,.13);\r\n  --line-strong:rgba(103,240,199,.30);\r\n\r\n  --tx-1:#F4F8F6;\r\n  --tx-2:rgba(244,248,246,.70);\r\n  --tx-3:rgba(244,248,246,.44);\r\n\r\n  --display:'Fraunces',serif;\r\n  --body:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\r\n  --mono:'JetBrains Mono',monospace;\r\n\r\n  --container:1260px;\r\n  --pill:999px;\r\n  --header-offset:92px;\r\n  --ease:cubic-bezier(.22,1,.36,1);\r\n  --glow:0 0 28px rgba(72,198,163,.30),0 0 80px rgba(72,198,163,.12);\r\n}\r\n\r\n.ait-academy-page,\r\n.ait-academy-page *,\r\n.ait-academy-page *::before,\r\n.ait-academy-page *::after{box-sizing:border-box}\r\n\r\n.ait-academy-page{\r\n  width:100%;\r\n  margin:0;\r\n  overflow:hidden;\r\n  background:\r\n    radial-gradient(circle at 50% -8%,rgba(72,198,163,.08),transparent 28rem),\r\n    var(--bg-0);\r\n  color:var(--tx-1);\r\n  font-family:var(--body);\r\n  line-height:1.55;\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n\r\n.ait-academy-page img{display:block;max-width:100%}\r\n.ait-academy-page a{color:inherit;text-decoration:none}\r\n.ait-academy-page button,\r\n.ait-academy-page input{font:inherit}\r\n.ait-academy-page button{color:inherit}\r\n.ait-academy-page ::selection{background:var(--mint);color:#04231C}\r\n.ait-academy-page :focus-visible{\r\n  outline:3px solid var(--mint);\r\n  outline-offset:3px;\r\n  border-radius:8px;\r\n}\r\n\r\n.ait-academy-page .wrap{\r\n  width:min(100%,var(--container));\r\n  margin-inline:auto;\r\n  padding-inline:clamp(1rem,4vw,2.5rem);\r\n}\r\n\r\n.ait-academy-page h1,\r\n.ait-academy-page h2,\r\n.ait-academy-page h3{\r\n  margin:0;\r\n  font-family:var(--display);\r\n  font-weight:600;\r\n  letter-spacing:-.025em;\r\n}\r\n\r\n.ait-academy-page p{margin:0}\r\n\r\n.ait-academy-page em{\r\n  color:var(--mint-bright);\r\n  font-family:var(--display);\r\n  font-style:italic;\r\n}\r\n\r\n.ait-academy-page .eyebrow{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:.55rem;\r\n  color:var(--mint);\r\n  font-family:var(--mono);\r\n  font-size:.7rem;\r\n  font-weight:500;\r\n  letter-spacing:.15em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.ait-academy-page .eyebrow::before{\r\n  content:\"\";\r\n  width:20px;\r\n  height:1px;\r\n  background:currentColor;\r\n  opacity:.72;\r\n}\r\n\r\n\/* ============================================================\r\n   02 \u2014 BUTTONS\r\n============================================================ *\/\r\n.ait-academy-page .btn{\r\n  position:relative;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:.55rem;\r\n  min-height:52px;\r\n  padding:.95rem 1.8rem;\r\n  overflow:hidden;\r\n  border:1px solid transparent;\r\n  border-radius:var(--pill);\r\n  cursor:pointer;\r\n  font-family:var(--body);\r\n  font-size:.93rem;\r\n  font-weight:800;\r\n  white-space:nowrap;\r\n  transition:transform .2s var(--ease),background .2s ease,border-color .2s ease,box-shadow .25s ease;\r\n}\r\n\r\n.ait-academy-page .btn .arr{transition:transform .2s ease}\r\n.ait-academy-page .btn:hover .arr{transform:translateX(5px)}\r\n\r\n.ait-academy-page .btn-primary{\r\n  color:#03241C;\r\n  background:linear-gradient(135deg,var(--mint-bright),var(--mint) 48%,var(--mint-strong));\r\n  box-shadow:var(--glow);\r\n}\r\n\r\n.ait-academy-page .btn-primary::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.50) 50%,transparent 60%);\r\n  transform:translateX(-120%);\r\n  transition:transform .55s ease;\r\n}\r\n\r\n.ait-academy-page .btn-primary:hover{\r\n  transform:translateY(-2px) scale(1.025);\r\n  box-shadow:0 0 36px rgba(72,198,163,.48),0 0 100px rgba(72,198,163,.20);\r\n}\r\n\r\n.ait-academy-page .btn-primary:hover::before{transform:translateX(120%)}\r\n\r\n.ait-academy-page .btn-ghost{\r\n  color:var(--tx-1);\r\n  background:rgba(244,248,246,.05);\r\n  border-color:rgba(244,248,246,.17);\r\n  backdrop-filter:blur(12px);\r\n}\r\n\r\n.ait-academy-page .btn-ghost:hover{\r\n  transform:translateY(-2px);\r\n  background:rgba(244,248,246,.10);\r\n  border-color:rgba(244,248,246,.30);\r\n}\r\n\r\n\/* ============================================================\r\n   03 \u2014 HERO\r\n============================================================ *\/\r\n.ait-academy-page .academy-hero{\r\n  position:relative;\r\n  isolation:isolate;\r\n  padding:clamp(7rem,10vw,9rem) 0 clamp(1.8rem,3vw,2.6rem);\r\n}\r\n\r\n.ait-academy-page .academy-hero::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  z-index:-2;\r\n  top:-300px;\r\n  left:50%;\r\n  width:1000px;\r\n  height:670px;\r\n  transform:translateX(-50%);\r\n  background:\r\n    radial-gradient(circle at 32% 55%,rgba(72,198,163,.17),transparent 34%),\r\n    radial-gradient(circle at 68% 46%,rgba(159,159,255,.09),transparent 32%);\r\n  filter:blur(28px);\r\n  pointer-events:none;\r\n}\r\n\r\n.ait-academy-page .hero-inner{\r\n  display:grid;\r\n  justify-items:center;\r\n  gap:.95rem;\r\n  max-width:740px;\r\n  margin-inline:auto;\r\n  text-align:center;\r\n}\r\n\r\n.ait-academy-page .hero-inner h1{\r\n  max-width:14ch;\r\n  font-size:clamp(2.4rem,4.2vw,4.4rem);\r\n  line-height:1;\r\n  text-wrap:balance;\r\n}\r\n\r\n.ait-academy-page .hero-inner p{\r\n  max-width:56ch;\r\n  color:var(--tx-2);\r\n  font-size:clamp(.95rem,.22vw + .9rem,1.05rem);\r\n  text-wrap:balance;\r\n}\r\n\r\n.ait-academy-page .hero-stats{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:.5rem 1.1rem;\r\n  margin-top:.3rem;\r\n  color:var(--tx-3);\r\n  font-family:var(--mono);\r\n  font-size:.63rem;\r\n}\r\n\r\n.ait-academy-page .hero-stats span{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:.42rem;\r\n}\r\n\r\n.ait-academy-page .hero-stats span::before{\r\n  content:\"\";\r\n  width:5px;\r\n  height:5px;\r\n  border-radius:50%;\r\n  background:var(--mint);\r\n  box-shadow:0 0 12px rgba(72,198,163,.8);\r\n}\r\n\r\n\/* ============================================================\r\n   04 \u2014 FILTERS\r\n============================================================ *\/\r\n.ait-academy-page .lessons-section{\r\n  padding:0 0 clamp(4rem,8vw,7rem);\r\n}\r\n\r\n.ait-academy-page .filter-bar{\r\n  position:sticky;\r\n  z-index:12;\r\n  top:var(--header-offset);\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:.8rem;\r\n  margin-bottom:1.6rem;\r\n  padding:.75rem .8rem;\r\n  border:1px solid var(--line);\r\n  border-radius:18px;\r\n  background:rgba(7,15,12,.88);\r\n  backdrop-filter:blur(16px);\r\n}\r\n\r\n.ait-academy-page .filter-set{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:.4rem;\r\n}\r\n\r\n.ait-academy-page .chip{\r\n  padding:.5rem .95rem;\r\n  border:1px solid rgba(244,248,246,.11);\r\n  border-radius:var(--pill);\r\n  color:var(--tx-2);\r\n  background:rgba(244,248,246,.035);\r\n  cursor:pointer;\r\n  font-family:var(--mono);\r\n  font-size:.65rem;\r\n  white-space:nowrap;\r\n  transition:color .18s ease,border-color .18s ease,background .18s ease;\r\n}\r\n\r\n.ait-academy-page .chip:hover{\r\n  color:var(--tx-1);\r\n  border-color:var(--line-strong);\r\n}\r\n\r\n.ait-academy-page .chip[aria-pressed=\"true\"]{\r\n  color:#03241C;\r\n  border-color:var(--mint);\r\n  background:var(--mint);\r\n  font-weight:700;\r\n}\r\n\r\n.ait-academy-page .filter-count{\r\n  flex:none;\r\n  padding-right:.4rem;\r\n  color:var(--tx-3);\r\n  font-family:var(--mono);\r\n  font-size:.65rem;\r\n  white-space:nowrap;\r\n}\r\n\r\n.ait-academy-page .filter-count b{color:var(--mint-bright);font-weight:600}\r\n\r\n\/* ============================================================\r\n   05 \u2014 LESSON GRID\r\n============================================================ *\/\r\n.ait-academy-page .lessons-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:clamp(.8rem,1.4vw,1.1rem);\r\n}\r\n\r\n.ait-academy-page .lesson{\r\n  position:relative;\r\n  display:flex;\r\n  flex-direction:column;\r\n  min-width:0;\r\n  overflow:hidden;\r\n  border:1px solid rgba(244,248,246,.10);\r\n  border-radius:18px;\r\n  background:#0B110E;\r\n  cursor:pointer;\r\n  text-align:left;\r\n  transition:transform .28s var(--ease),border-color .25s ease,box-shadow .25s ease;\r\n}\r\n\r\n.ait-academy-page .lesson:hover{\r\n  transform:translateY(-6px);\r\n  border-color:var(--mint);\r\n  box-shadow:0 24px 52px rgba(0,0,0,.46),0 0 28px rgba(72,198,163,.12);\r\n}\r\n\r\n.ait-academy-page .lesson.is-hidden{display:none}\r\n\r\n.ait-academy-page .lesson-thumb{\r\n  position:relative;\r\n  aspect-ratio:16\/9;\r\n  overflow:hidden;\r\n  background:var(--bg-2);\r\n}\r\n\r\n.ait-academy-page .lesson-thumb img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transition:transform .55s var(--ease),filter .25s ease;\r\n}\r\n\r\n.ait-academy-page .lesson:hover .lesson-thumb img{\r\n  transform:scale(1.05);\r\n  filter:brightness(.72);\r\n}\r\n\r\n.ait-academy-page .lesson-thumb::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(180deg,rgba(4,10,7,.15) 40%,rgba(4,10,7,.72) 100%);\r\n}\r\n\r\n.ait-academy-page .play{\r\n  position:absolute;\r\n  z-index:2;\r\n  top:50%;\r\n  left:50%;\r\n  display:grid;\r\n  place-items:center;\r\n  width:56px;\r\n  height:56px;\r\n  border:1px solid rgba(103,240,199,.4);\r\n  border-radius:50%;\r\n  background:rgba(5,18,14,.62);\r\n  backdrop-filter:blur(8px);\r\n  transform:translate(-50%,-50%);\r\n  transition:transform .24s var(--ease),background .2s ease,box-shadow .24s ease;\r\n}\r\n\r\n.ait-academy-page .lesson:hover .play{\r\n  background:var(--mint);\r\n  border-color:var(--mint);\r\n  transform:translate(-50%,-50%) scale(1.08);\r\n  box-shadow:0 0 30px rgba(72,198,163,.5);\r\n}\r\n\r\n.ait-academy-page .play::before{\r\n  content:\"\";\r\n  width:0;\r\n  height:0;\r\n  margin-left:4px;\r\n  border-top:9px solid transparent;\r\n  border-bottom:9px solid transparent;\r\n  border-left:15px solid var(--mint-bright);\r\n  transition:border-left-color .2s ease;\r\n}\r\n\r\n.ait-academy-page .lesson:hover .play::before{border-left-color:#03241C}\r\n\r\n.ait-academy-page .lesson-length{\r\n  position:absolute;\r\n  z-index:2;\r\n  right:.6rem;\r\n  bottom:.6rem;\r\n  padding:.24rem .5rem;\r\n  border-radius:6px;\r\n  color:var(--tx-1);\r\n  background:rgba(4,10,7,.82);\r\n  backdrop-filter:blur(6px);\r\n  font-family:var(--mono);\r\n  font-size:.58rem;\r\n}\r\n\r\n.ait-academy-page .lesson-level{\r\n  position:absolute;\r\n  z-index:2;\r\n  top:.6rem;\r\n  left:.6rem;\r\n  padding:.26rem .55rem;\r\n  border:1px solid var(--line);\r\n  border-radius:7px;\r\n  color:var(--mint-bright);\r\n  background:rgba(4,17,13,.74);\r\n  backdrop-filter:blur(7px);\r\n  font-family:var(--mono);\r\n  font-size:.5rem;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.ait-academy-page .lesson-body{\r\n  display:flex;\r\n  flex:1;\r\n  flex-direction:column;\r\n  gap:.45rem;\r\n  padding:1rem 1.05rem 1.1rem;\r\n}\r\n\r\n.ait-academy-page .lesson-body h3{\r\n  font-family:var(--body);\r\n  font-size:1rem;\r\n  font-weight:800;\r\n  line-height:1.32;\r\n  letter-spacing:-.028em;\r\n  text-wrap:balance;\r\n}\r\n\r\n.ait-academy-page .lesson-body p{\r\n  color:var(--tx-2);\r\n  font-size:.78rem;\r\n  line-height:1.55;\r\n}\r\n\r\n.ait-academy-page .lesson-tool{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:.4rem;\r\n  margin-top:auto;\r\n  padding-top:.85rem;\r\n  color:var(--tx-3);\r\n  font-family:var(--mono);\r\n  font-size:.58rem;\r\n}\r\n\r\n.ait-academy-page .lesson-tool::before{\r\n  content:\"\";\r\n  width:5px;\r\n  height:5px;\r\n  flex:none;\r\n  border-radius:50%;\r\n  background:var(--mint);\r\n}\r\n\r\n.ait-academy-page .lessons-empty{\r\n  display:none;\r\n  grid-column:1\/-1;\r\n  padding:3.5rem 1rem;\r\n  color:var(--tx-3);\r\n  font-family:var(--mono);\r\n  font-size:.75rem;\r\n  text-align:center;\r\n}\r\n\r\n.ait-academy-page .lessons-empty.is-visible{display:block}\r\n\r\n\/* ============================================================\r\n   06 \u2014 PLAYER LIGHTBOX\r\n============================================================ *\/\r\n.ait-academy-page .player-modal{\r\n  position:fixed;\r\n  inset:0;\r\n  z-index:99990;\r\n  display:grid;\r\n  place-items:center;\r\n  padding:clamp(.7rem,2.5vw,2rem);\r\n}\r\n\r\n.ait-academy-page .player-modal[hidden]{display:none}\r\n\r\n.ait-academy-page .player-backdrop{\r\n  position:absolute;\r\n  inset:0;\r\n  background:rgba(1,6,4,.86);\r\n  backdrop-filter:blur(14px);\r\n}\r\n\r\n.ait-academy-page .player-dialog{\r\n  position:relative;\r\n  z-index:1;\r\n  width:min(1100px,100%);\r\n  max-height:calc(100dvh - 2rem);\r\n  overflow:auto;\r\n  border:1px solid rgba(244,248,246,.11);\r\n  border-radius:22px;\r\n  background:linear-gradient(180deg,#08110E,#050A08);\r\n  box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 70px rgba(72,198,163,.08);\r\n  animation:aitPlayerIn .28s var(--ease);\r\n}\r\n\r\n@keyframes aitPlayerIn{\r\n  from{opacity:0;transform:translateY(14px) scale(.985)}\r\n  to{opacity:1;transform:translateY(0) scale(1)}\r\n}\r\n\r\n.ait-academy-page .player-close{\r\n  position:absolute;\r\n  top:.75rem;\r\n  right:.75rem;\r\n  z-index:3;\r\n  display:grid;\r\n  place-items:center;\r\n  width:40px;\r\n  height:40px;\r\n  border:1px solid rgba(244,248,246,.15);\r\n  border-radius:50%;\r\n  color:var(--tx-1);\r\n  background:rgba(6,13,10,.75);\r\n  backdrop-filter:blur(8px);\r\n  cursor:pointer;\r\n  font-size:1.2rem;\r\n  line-height:1;\r\n  transition:background .18s ease,border-color .18s ease;\r\n}\r\n\r\n.ait-academy-page .player-close:hover{\r\n  background:rgba(244,248,246,.14);\r\n  border-color:rgba(244,248,246,.3);\r\n}\r\n\r\n.ait-academy-page .player-frame{\r\n  position:relative;\r\n  aspect-ratio:16\/9;\r\n  overflow:hidden;\r\n  background:#000;\r\n  border-radius:22px 22px 0 0;\r\n}\r\n\r\n.ait-academy-page .player-frame iframe{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  border:0;\r\n}\r\n\r\n.ait-academy-page .player-info{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  align-items:flex-start;\r\n  justify-content:space-between;\r\n  gap:1.2rem;\r\n  padding:clamp(1.1rem,2.2vw,1.6rem);\r\n}\r\n\r\n.ait-academy-page .player-meta{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:.45rem .8rem;\r\n  margin-bottom:.55rem;\r\n  color:var(--tx-3);\r\n  font-family:var(--mono);\r\n  font-size:.6rem;\r\n}\r\n\r\n.ait-academy-page .player-meta b{\r\n  color:var(--mint-bright);\r\n  font-weight:500;\r\n}\r\n\r\n.ait-academy-page .player-info h3{\r\n  max-width:34ch;\r\n  font-family:var(--body);\r\n  font-size:clamp(1.15rem,1.7vw,1.5rem);\r\n  font-weight:800;\r\n  letter-spacing:-.03em;\r\n}\r\n\r\n.ait-academy-page .player-info p{\r\n  max-width:56ch;\r\n  margin-top:.45rem;\r\n  color:var(--tx-2);\r\n  font-size:.85rem;\r\n  line-height:1.6;\r\n}\r\n\r\n.ait-academy-page .player-actions{\r\n  display:flex;\r\n  flex:none;\r\n  flex-wrap:wrap;\r\n  gap:.6rem;\r\n}\r\n\r\n.ait-academy-page .player-actions .btn{\r\n  min-height:46px;\r\n  padding:.78rem 1.35rem;\r\n  font-size:.83rem;\r\n}\r\n\r\n@media (max-width:760px){\r\n  .ait-academy-page .player-info{flex-direction:column}\r\n  .ait-academy-page .player-actions{width:100%}\r\n  .ait-academy-page .player-actions .btn{flex:1}\r\n}\r\n\r\n\/* ============================================================\r\n   07 \u2014 CTA\r\n============================================================ *\/\r\n.ait-academy-page .final-cta{\r\n  position:relative;\r\n  isolation:isolate;\r\n  overflow:hidden;\r\n  border-top:1px solid rgba(244,248,246,.06);\r\n  text-align:center;\r\n}\r\n\r\n.ait-academy-page .final-cta::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  z-index:-1;\r\n  bottom:-340px;\r\n  left:50%;\r\n  width:880px;\r\n  height:640px;\r\n  transform:translateX(-50%);\r\n  background:radial-gradient(closest-side,rgba(72,198,163,.28),transparent 72%);\r\n  filter:blur(20px);\r\n}\r\n\r\n.ait-academy-page .final-cta-inner{\r\n  display:grid;\r\n  justify-items:center;\r\n  gap:1.3rem;\r\n  padding:clamp(4rem,9vw,6.5rem) 0;\r\n}\r\n\r\n.ait-academy-page .final-cta h2{\r\n  max-width:20ch;\r\n  font-size:clamp(2rem,3.6vw,3.6rem);\r\n  line-height:1.04;\r\n  text-wrap:balance;\r\n}\r\n\r\n.ait-academy-page .final-cta p{\r\n  max-width:52ch;\r\n  color:var(--tx-2);\r\n  font-size:1rem;\r\n}\r\n\r\n.ait-academy-page .cta-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:.8rem;\r\n}\r\n\r\n.ait-academy-page .cta-micro{\r\n  color:var(--tx-3);\r\n  font-family:var(--mono);\r\n  font-size:.63rem;\r\n}\r\n\r\n\/* ============================================================\r\n   08 \u2014 RESPONSIVE\r\n============================================================ *\/\r\n@media (max-width:1000px){\r\n  .ait-academy-page .lessons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\r\n}\r\n\r\n@media (max-width:720px){\r\n  .ait-academy-page .academy-hero{padding-top:7rem}\r\n  .ait-academy-page .hero-inner h1{font-size:clamp(2.1rem,9.5vw,3.2rem)}\r\n  .ait-academy-page .filter-bar{\r\n    top:76px;\r\n    align-items:stretch;\r\n    flex-direction:column;\r\n  }\r\n  .ait-academy-page .filter-count{padding:0 0 .2rem .3rem}\r\n}\r\n\r\n@media (max-width:560px){\r\n  .ait-academy-page .lessons-grid{grid-template-columns:1fr}\r\n  .ait-academy-page .cta-actions{width:100%;flex-direction:column}\r\n  .ait-academy-page .btn{width:100%}\r\n  .ait-academy-page .filter-set{\r\n    flex-wrap:nowrap;\r\n    overflow-x:auto;\r\n    padding-bottom:.3rem;\r\n    scrollbar-width:none;\r\n  }\r\n  .ait-academy-page .filter-set::-webkit-scrollbar{display:none}\r\n  .ait-academy-page .chip{flex:none}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .ait-academy-page *,\r\n  .ait-academy-page *::before,\r\n  .ait-academy-page *::after{\r\n    scroll-behavior:auto!important;\r\n    animation-duration:.001ms!important;\r\n    animation-iteration-count:1!important;\r\n    transition-duration:.001ms!important;\r\n  }\r\n}\r\n\r\n\/* Elementor tam geni\u015flik g\u00fcvenli\u011fi *\/\r\nhtml,body{overflow-x:clip}\r\n.ait-academy-page{\r\n  width:100vw!important;\r\n  max-width:none!important;\r\n  margin-left:calc(50% - 50vw)!important;\r\n  margin-right:calc(50% - 50vw)!important;\r\n  padding-left:0!important;\r\n  padding-right:0!important;\r\n}\r\n@supports(width:100dvw){\r\n  .ait-academy-page{\r\n    width:100dvw!important;\r\n    margin-left:calc(50% - 50dvw)!important;\r\n    margin-right:calc(50% - 50dvw)!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"ait-academy-page\" id=\"aitAcademyPage\">\r\n\r\n  <!-- G\u0130R\u0130\u015e ALANI -->\r\n  <section class=\"academy-hero\">\r\n    <div class=\"wrap hero-inner\">\r\n      <span class=\"eyebrow\">AIT Academy<\/span>\r\n      <h1>Ara\u00e7lar\u0131 haftalar i\u00e7inde de\u011fil, <em>dakikalar i\u00e7inde<\/em> \u00f6\u011frenin.<\/h1>\r\n      <p>\r\n        Ger\u00e7ek \u00e7al\u0131\u015fma alan\u0131nda kaydedilen k\u0131sa ve odakl\u0131 e\u011fitimler. Tak\u0131ld\u0131\u011f\u0131n\u0131z \u00fcretim\r\n        ad\u0131m\u0131n\u0131 se\u00e7in ve s\u00fcrecin ba\u015ftan sona nas\u0131l uyguland\u0131\u011f\u0131n\u0131 izleyin.\r\n      <\/p>\r\n      <div class=\"hero-stats\">\r\n        <span id=\"statCount\">E\u011fitimler y\u00fckleniyor\u2026<\/span>\r\n        <span>Canl\u0131 \u00fcr\u00fcn i\u00e7inde kaydedildi<\/span>\r\n        <span>\u00dccretsiz izleyin<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- E\u011e\u0130T\u0130MLER -->\r\n  <section class=\"lessons-section\" id=\"lessons\">\r\n    <div class=\"wrap\">\r\n\r\n      <div class=\"filter-bar\">\r\n        <div class=\"filter-set\" id=\"trackFilters\" role=\"group\" aria-label=\"E\u011fitimleri \u00fcretim ad\u0131m\u0131na g\u00f6re filtrele\">\r\n          <button type=\"button\" class=\"chip\" data-track=\"\" aria-pressed=\"true\">T\u00fcm e\u011fitimler<\/button>\r\n          <button type=\"button\" class=\"chip\" data-track=\"generate\" aria-pressed=\"false\">01 \u00b7 Olu\u015fturma<\/button>\r\n          <button type=\"button\" class=\"chip\" data-track=\"rapport\" aria-pressed=\"false\">02 \u00b7 Raport<\/button>\r\n          <button type=\"button\" class=\"chip\" data-track=\"color\" aria-pressed=\"false\">03 \u00b7 Renk Haz\u0131rl\u0131\u011f\u0131<\/button>\r\n          <button type=\"button\" class=\"chip\" data-track=\"present\" aria-pressed=\"false\">04 \u00b7 Sunum<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"filter-set\" id=\"levelFilters\" role=\"group\" aria-label=\"E\u011fitimleri seviyeye g\u00f6re filtrele\">\r\n          <button type=\"button\" class=\"chip\" data-level=\"\" aria-pressed=\"true\">T\u00fcm Seviyeler<\/button>\r\n          <button type=\"button\" class=\"chip\" data-level=\"beginner\" aria-pressed=\"false\">Ba\u015flang\u0131\u00e7<\/button>\r\n          <button type=\"button\" class=\"chip\" data-level=\"advanced\" aria-pressed=\"false\">\u0130leri Seviye<\/button>\r\n        <\/div>\r\n\r\n        <span class=\"filter-count\"><b id=\"lessonCount\">0<\/b> e\u011fitim<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"lessons-grid\" id=\"lessonsGrid\">\r\n        <!-- ===== 01 \u00b7 OLU\u015eTURMA & D\u00dcZENLEME ===== -->\r\n        <article class=\"lesson\" data-yt=\"dNZBpZ3AGas\" data-track=\"generate\" data-level=\"beginner\" data-length=\"\"\r\n                 data-tool=\"Text to Pattern\" data-toolurl=\"https:\/\/ai.ait.com.tr\/tr\/text-to-imagine\/\">\r\n          <div class=\"lesson-thumb\">\r\n            <span class=\"lesson-level\">Ba\u015flang\u0131\u00e7<\/span>\r\n            <span class=\"play\" aria-hidden=\"true\"><\/span>\r\n          <\/div>\r\n          <div class=\"lesson-body\">\r\n            <h3>Yaz\u0131l\u0131 bir briefi diki\u015fsiz desene d\u00f6n\u00fc\u015ft\u00fcrme<\/h3>\r\n            <p>Yaln\u0131zca bir mood g\u00f6rseli de\u011fil, \u00fcretime y\u00f6n verecek bir sonu\u00e7 almak i\u00e7in prompta neler yazman\u0131z gerekti\u011fini \u00f6\u011frenin.<\/p>\r\n            <span class=\"lesson-tool\">Text to Pattern<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"lesson\" data-yt=\"MwnvlSq244s\" data-track=\"generate\" data-level=\"beginner\" data-length=\"\"\r\n                 data-tool=\"Imagine\" data-toolurl=\"https:\/\/ai.ait.com.tr\/tr\/imagine\/\">\r\n          <div class=\"lesson-thumb\">\r\n            <span class=\"lesson-level\">Ba\u015flang\u0131\u00e7<\/span>\r\n            <span class=\"play\" aria-hidden=\"true\"><\/span>\r\n          <\/div>\r\n          <div class=\"lesson-body\">\r\n            <h3>Referans desenden varyasyonlar olu\u015fturma<\/h3>\r\n            <p>Bir referans ve iste\u011finizi sisteme vererek kontroll\u00fc, kullan\u0131ma haz\u0131r alternatifler olu\u015fturun.<\/p>\r\n            <span class=\"lesson-tool\">Imagine<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"lesson\" data-yt=\"lUMrtoLfSCU\" data-track=\"generate\" data-level=\"beginner\" data-length=\"\"\r\n                 data-tool=\"Style Transfer\" data-toolurl=\"https:\/\/ai.ait.com.tr\/tr\/style-transfer\/\">\r\n          <div class=\"lesson-thumb\">\r\n            <span class=\"lesson-level\">Ba\u015flang\u0131\u00e7<\/span>\r\n            <span class=\"play\" aria-hidden=\"true\"><\/span>\r\n          <\/div>\r\n          <div class=\"lesson-body\">\r\n            <h3>Bir deseni farkl\u0131 bir sanatsal dille yeniden yorumlama<\/h3>\r\n            <p>Kompozisyonu koruyup g\u00f6rsel dili de\u011fi\u015ftirin; yeniden \u00e7izim yapmadan farkl\u0131 y\u00f6nleri h\u0131zla ke\u015ffedin.<\/p>\r\n            <span class=\"lesson-tool\">Style Transfer<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"lesson\" data-yt=\"7y21oMNYFZI\" data-track=\"generate\" data-level=\"beginner\" data-length=\"\"\r\n                 data-tool=\"Pattern Extractor\" data-toolurl=\"https:\/\/ai.ait.com.tr\/tr\/pattern-extractor\/\">\r\n          <div class=\"lesson-thumb\">\r\n            <span class=\"lesson-level\">Ba\u015flang\u0131\u00e7<\/span>\r\n            <span class=\"play\" aria-hidden=\"true\"><\/span>\r\n          <\/div>\r\n          <div class=\"lesson-body\">\r\n            <h3>Kuma\u015f foto\u011fraf\u0131ndan temiz bir raport \u00e7\u0131karma<\/h3>\r\n            <p>Giysi veya kuma\u015f foto\u011fraf\u0131ndan d\u00fczenlenebilir ve diki\u015fsiz bir raport elde edin.<\/p>\r\n            <span class=\"lesson-tool\">Pattern Extractor<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"lesson\" data-yt=\"1cLDO0FKHM0\" data-track=\"generate\" data-level=\"beginner\" data-length=\"\"\r\n                 data-tool=\"Expand\" data-toolurl=\"https:\/\/ai.ait.com.tr\/tr\/expand\/\">\r\n          <div class=\"lesson-thumb\">\r\n            <span class=\"lesson-level\">Ba\u015flang\u0131\u00e7<\/span>\r\n            <span class=\"play\" aria-hidden=\"true\"><\/span>\r\n          <\/div>\r\n          <div class=\"lesson-body\">\r\n            <h3>Kompozisyonu bozmadan geni\u015fletme<\/h3>\r\n            <p>Mevcut g\u00f6rsel ak\u0131\u015f\u0131 koruyarak tasar\u0131m\u0131 istedi\u011finiz y\u00f6nde geni\u015fletin.<\/p>\r\n            <span class=\"lesson-tool\">Expand<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"lesson\" data-yt=\"1SVuqCEfOzI\" data-track=\"generate\" data-level=\"advanced\" data-length=\"\"\r\n                 data-tool=\"Inpainting\" data-toolurl=\"https:\/\/ai.ait.com.tr\/tr\/inpainting\/\">\r\n          <div class=\"lesson-thumb\">\r\n            <span class=\"lesson-level\">\u0130leri Seviye<\/span>\r\n            <span class=\"play\" aria-hidden=\"true\"><\/span>\r\n          <\/div>\r\n          <div class=\"lesson-body\">\r\n            <h3>Deseni yeniden olu\u015fturmadan tek bir motifi de\u011fi\u015ftirme<\/h3>\r\n            <p>Tek bir \u00f6\u011fenin \u00fczerini f\u0131r\u00e7alayarak rengini, bi\u00e7imini veya konusunu yerinde de\u011fi\u015ftirin.<\/p>\r\n            <span class=\"lesson-tool\">Inpainting<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"lesson\" data-yt=\"iJE2K0Ex9XA\" data-track=\"generate\" data-level=\"advanced\" data-length=\"\"\r\n                 data-tool=\"Pattern Editor\" data-toolurl=\"https:\/\/ai.ait.com.tr\/tr\/pattern-editor\/\">\r\n          <div class=\"lesson-thumb\">\r\n            <span class=\"lesson-level\">\u0130leri Seviye<\/span>\r\n            <span class=\"play\" aria-hidden=\"true\"><\/span>\r\n          <\/div>\r\n          <div class=\"lesson-body\">\r\n            <h3>Tek bir komutla t\u00fcm deseni yeniden yap\u0131land\u0131rma<\/h3>\r\n            <p>Ana y\u00f6n\u00fc korurken motifleri, renkleri ve kompozisyonu birlikte yeniden d\u00fczenleyin.<\/p>\r\n            <span class=\"lesson-tool\">Pattern Editor<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- ===== 02 \u00b7 RAPORT & \u00c7\u00d6Z\u00dcN\u00dcRL\u00dcK ===== -->\r\n        <article class=\"lesson\" data-yt=\"31p0OzhR8OA\" data-track=\"rapport\" data-level=\"advanced\" data-length=\"\"\r\n                 data-tool=\"Upscaler\" data-toolurl=\"https:\/\/ai.ait.com.tr\/tr\/upscaler\/\">\r\n          <div class=\"lesson-thumb\">\r\n            <span class=\"lesson-level\">\u0130leri Seviye<\/span>\r\n            <span class=\"play\" aria-hidden=\"true\"><\/span>\r\n          <\/div>\r\n          <div class=\"lesson-body\">\r\n            <h3>Detay kaybetmeden bask\u0131 \u00e7\u00f6z\u00fcn\u00fcrl\u00fc\u011f\u00fcne ula\u015fma<\/h3>\r\n            <p>Bir dosyay\u0131 15.000 piksele kadar b\u00fcy\u00fct\u00fcn; Upscaler\u2019\u0131n ne zaman fayda sa\u011flad\u0131\u011f\u0131n\u0131 ve ne zaman sonucu olumsuz etkileyebilece\u011fini \u00f6\u011frenin.<\/p>\r\n            <span class=\"lesson-tool\">Upscaler<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"lesson\" data-yt=\"XkCjSyi47SU\" data-track=\"rapport\" data-level=\"beginner\" data-length=\"\"\r\n                 data-tool=\"Repeater\" data-toolurl=\"https:\/\/ai.ait.com.tr\/tr\/repeater\/\">\r\n          <div class=\"lesson-thumb\">\r\n            <span class=\"lesson-level\">Ba\u015flang\u0131\u00e7<\/span>\r\n            <span class=\"play\" aria-hidden=\"true\"><\/span>\r\n          <\/div>\r\n          <div class=\"lesson-body\">\r\n            <h3>\u00d6l\u00e7e\u011fi test etme ve g\u00f6r\u00fcn\u00fcr ek yerini d\u00fczeltme<\/h3>\r\n            <p>Bask\u0131ya gitmeden \u00f6nce ek yerini bulun. \u00d6l\u00e7ek testi, ek yeri d\u00fczeltme ve raportu sabitleme ad\u0131mlar\u0131n\u0131 \u00f6\u011frenin.<\/p>\r\n            <span class=\"lesson-tool\">Repeater<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- ===== 03 \u00b7 RENK & VEKT\u00d6R HAZIRLI\u011eI ===== -->\r\n        <article class=\"lesson\" data-yt=\"H5f0XYSQNHo\" data-track=\"color\" data-level=\"advanced\" data-length=\"\"\r\n                 data-tool=\"Color Separation\" data-toolurl=\"https:\/\/ai.ait.com.tr\/tr\/color-separation\/\">\r\n          <div class=\"lesson-thumb\">\r\n            <span class=\"lesson-level\">\u0130leri Seviye<\/span>\r\n            <span class=\"play\" aria-hidden=\"true\"><\/span>\r\n          <\/div>\r\n          <div class=\"lesson-body\">\r\n            <h3>Deseni bask\u0131ya haz\u0131r renk katmanlar\u0131na ay\u0131rma<\/h3>\r\n            <p>Tasar\u0131m\u0131 32 adede kadar d\u00fczenlenebilir renk katman\u0131na ay\u0131r\u0131n ve bask\u0131 \u00f6ncesinde nas\u0131l kontrol edece\u011finizi \u00f6\u011frenin.<\/p>\r\n            <span class=\"lesson-tool\">Color Separation<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"lesson\" data-yt=\"oQT2aNeQWiQ\" data-track=\"color\" data-level=\"beginner\" data-length=\"\"\r\n                 data-tool=\"Vectorizer\" data-toolurl=\"https:\/\/ai.ait.com.tr\/tr\/vectorizer\/\">\r\n          <div class=\"lesson-thumb\">\r\n            <span class=\"lesson-level\">Ba\u015flang\u0131\u00e7<\/span>\r\n            <span class=\"play\" aria-hidden=\"true\"><\/span>\r\n          <\/div>\r\n          <div class=\"lesson-body\">\r\n            <h3>Raster deseni d\u00fczenlenebilir SVG\u2019ye d\u00f6n\u00fc\u015ft\u00fcrme<\/h3>\r\n            <p>Vekt\u00f6rle\u015ftirmenin ne zaman do\u011fru tercih oldu\u011funu ve d\u00fczenlenebilir, temiz bir sonu\u00e7 elde etmeyi \u00f6\u011frenin.<\/p>\r\n            <span class=\"lesson-tool\">Vectorizer<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"lesson\" data-yt=\"ZwffThGjMi4\" data-track=\"color\" data-level=\"beginner\" data-length=\"\"\r\n                 data-tool=\"Background Remover\" data-toolurl=\"https:\/\/ai.ait.com.tr\/tr\/background-remover\/\">\r\n          <div class=\"lesson-thumb\">\r\n            <span class=\"lesson-level\">Ba\u015flang\u0131\u00e7<\/span>\r\n            <span class=\"play\" aria-hidden=\"true\"><\/span>\r\n          <\/div>\r\n          <div class=\"lesson-body\">\r\n            <h3>Kenar detaylar\u0131n\u0131 kaybetmeden g\u00f6rseli ay\u0131rma<\/h3>\r\n            <p>Motifi arka plandan ay\u0131r\u0131rken ince kenarlar\u0131, renkleri ve k\u00fc\u00e7\u00fck ayr\u0131nt\u0131lar\u0131 koruyun.<\/p>\r\n            <span class=\"lesson-tool\">Background Remover<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"lesson\" data-yt=\"cBe-gOgBdJY\" data-track=\"color\" data-level=\"beginner\" data-length=\"\"\r\n                 data-tool=\"Colorway\" data-toolurl=\"https:\/\/ai.ait.com.tr\/tr\/colorway\/\">\r\n          <div class=\"lesson-thumb\">\r\n            <span class=\"lesson-level\">Ba\u015flang\u0131\u00e7<\/span>\r\n            <span class=\"play\" aria-hidden=\"true\"><\/span>\r\n          <\/div>\r\n          <div class=\"lesson-body\">\r\n            <h3>Tek bir desenden renk varyant\u0131 ailesi olu\u015fturma<\/h3>\r\n            <p>Desen yap\u0131s\u0131n\u0131 aynen korurken uyumlu palet varyasyonlar\u0131 olu\u015fturun.<\/p>\r\n            <span class=\"lesson-tool\">Colorway<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- ===== 04 \u00b7 G\u00d6RSELLE\u015eT\u0130RME & SUNUM ===== -->\r\n        <article class=\"lesson\" data-yt=\"-4qyoP9iup4\" data-track=\"present\" data-level=\"beginner\" data-length=\"\"\r\n                 data-tool=\"3D Mockups\" data-toolurl=\"https:\/\/ai.ait.com.tr\/tr\/mockup\/\">\r\n          <div class=\"lesson-thumb\">\r\n            <span class=\"lesson-level\">Ba\u015flang\u0131\u00e7<\/span>\r\n            <span class=\"play\" aria-hidden=\"true\"><\/span>\r\n          <\/div>\r\n          <div class=\"lesson-body\">\r\n            <h3>Deseni ger\u00e7ek\u00e7i giysiler \u00fczerinde sunma<\/h3>\r\n            <p>Numune maliyetine girmeden \u00f6nce deseni 3D \u00fcr\u00fcnlerde ve marka sunumlar\u0131nda g\u00f6sterin.<\/p>\r\n            <span class=\"lesson-tool\">3D Mockups<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"lesson\" data-yt=\"HPBTuyNbK-M\" data-track=\"present\" data-level=\"beginner\" data-length=\"\"\r\n                 data-tool=\"Wear Design\" data-toolurl=\"https:\/\/ai.ait.com.tr\/tr\/3d-wear-design\/\">\r\n          <div class=\"lesson-thumb\">\r\n            <span class=\"lesson-level\">Ba\u015flang\u0131\u00e7<\/span>\r\n            <span class=\"play\" aria-hidden=\"true\"><\/span>\r\n          <\/div>\r\n          <div class=\"lesson-body\">\r\n            <h3>3D modeli kendi deseninizle giydirme<\/h3>\r\n            <p>Deseni y\u00fckleyin, kuma\u015f ve model se\u00e7in; bask\u0131n\u0131n ger\u00e7ekte nas\u0131l durdu\u011funu g\u00f6r\u00fcn.<\/p>\r\n            <span class=\"lesson-tool\">Wear Design<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"lesson\" data-yt=\"G8HNTN8VX5A\" data-track=\"present\" data-level=\"beginner\" data-length=\"\"\r\n                 data-tool=\"2D Wear Design\" data-toolurl=\"https:\/\/ai.ait.com.tr\/tr\/2d-wear-design\/\">\r\n          <div class=\"lesson-thumb\">\r\n            <span class=\"lesson-level\">Ba\u015flang\u0131\u00e7<\/span>\r\n            <span class=\"play\" aria-hidden=\"true\"><\/span>\r\n          <\/div>\r\n          <div class=\"lesson-body\">\r\n            <h3>Deseni \u00fcr\u00fcn mockuplar\u0131na an\u0131nda uygulama<\/h3>\r\n            <p>Manuel maskeleme ve kurulum s\u00fcresi olmadan ger\u00e7ek\u00e7i \u00fcr\u00fcn \u00f6nizlemeleri olu\u015fturun.<\/p>\r\n            <span class=\"lesson-tool\">2D Wear Design<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"lesson\" data-yt=\"Ec-pBdZjwzI\" data-track=\"present\" data-level=\"advanced\" data-length=\"\"\r\n                 data-tool=\"AI Mockup Generator\" data-toolurl=\"https:\/\/ai.ait.com.tr\/tr\/ai-mockup\/\">\r\n          <div class=\"lesson-thumb\">\r\n            <span class=\"lesson-level\">\u0130leri Seviye<\/span>\r\n            <span class=\"play\" aria-hidden=\"true\"><\/span>\r\n          <\/div>\r\n          <div class=\"lesson-body\">\r\n            <h3>Foto\u011fraf \u00e7ekimi olmadan m\u00fc\u015fteri sunumu haz\u0131rlama<\/h3>\r\n            <p>Deseni kuma\u015f, st\u00fcdyo ve ya\u015fam tarz\u0131 sahnelerinde m\u00fc\u015fteriye sunulmaya haz\u0131r bi\u00e7imde g\u00f6rselle\u015ftirin.<\/p>\r\n            <span class=\"lesson-tool\">AI Mockup Generator<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <div class=\"lessons-empty\" id=\"lessonsEmpty\">\r\n          Bu filtrelere uyan bir e\u011fitim hen\u00fcz bulunmuyor. Ba\u015fka bir \u00fcretim ad\u0131m\u0131 se\u00e7in veya seviye filtresini s\u0131f\u0131rlay\u0131n.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- V\u0130DEO OYNATICI -->\r\n  <div class=\"player-modal\" id=\"playerModal\" hidden aria-hidden=\"true\">\r\n    <div class=\"player-backdrop\" data-close-player><\/div>\r\n    <div class=\"player-dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"playerTitle\">\r\n      <button type=\"button\" class=\"player-close\" data-close-player aria-label=\"Videoyu kapat\">\u00d7<\/button>\r\n\r\n      <div class=\"player-frame\" id=\"playerFrame\"><\/div>\r\n\r\n      <div class=\"player-info\">\r\n        <div>\r\n          <div class=\"player-meta\">\r\n            <span id=\"playerTrack\">\u00dcretim ad\u0131m\u0131<\/span>\r\n            <span id=\"playerLevel\">Seviye<\/span>\r\n            <span id=\"playerLength\">S\u00fcre<\/span>\r\n          <\/div>\r\n          <h3 id=\"playerTitle\">E\u011fitim ba\u015fl\u0131\u011f\u0131<\/h3>\r\n          <p id=\"playerText\">E\u011fitim a\u00e7\u0131klamas\u0131.<\/p>\r\n        <\/div>\r\n        <div class=\"player-actions\">\r\n          <a class=\"btn btn-primary\" id=\"playerToolLink\" href=\"#\">Bu arac\u0131 a\u00e7 <span class=\"arr\">\u2192<\/span><\/a>\r\n          <a class=\"btn btn-ghost\" id=\"playerYoutube\" href=\"#\" target=\"_blank\" rel=\"noopener\">YouTube\u2019da \u0130zle<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u00c7A\u011eRI ALANI -->\r\n  <section class=\"final-cta\">\r\n    <div class=\"wrap final-cta-inner\">\r\n      <span class=\"eyebrow\">\u0130zlemek i\u015fin kolay k\u0131sm\u0131<\/span>\r\n      <h2>\u015eimdi ayn\u0131 ad\u0131mlar\u0131 <em>kendi deseninizde<\/em> uygulay\u0131n.<\/h2>\r\n      <p>\r\n        Buradaki her e\u011fitimi bug\u00fcn kendi hesab\u0131n\u0131zda uygulayabilirsiniz. \u00dccretsiz ba\u015flay\u0131n\r\n        veya ekibiniz i\u00e7in canl\u0131 bir demo planlay\u0131n.\r\n      <\/p>\r\n      <div class=\"cta-actions\">\r\n        <a class=\"btn btn-primary\" href=\"https:\/\/aitools.ait.com.tr\/register\" target=\"_blank\" rel=\"noopener\">\u00dccretsiz Tasarlamaya Ba\u015fla <span class=\"arr\">\u2192<\/span><\/a>\r\n        <a class=\"btn btn-ghost\" href=\"https:\/\/calendly.com\/eren-ait\/aitools-demo\" target=\"_blank\" rel=\"noopener\">20 Dakikal\u0131k Demo Planla<\/a>\r\n      <\/div>\r\n      <span class=\"cta-micro\">Kredi kart\u0131 gerekmez \u00b7 D\u00fczenli olarak yeni e\u011fitimler eklenir<\/span>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const root = document.getElementById('aitAcademyPage');\r\n  if(!root || root.dataset.ready === 'true') return;\r\n  root.dataset.ready = 'true';\r\n\r\n  const lessons = [...root.querySelectorAll('.lesson')];\r\n  const trackChips = [...root.querySelectorAll('#trackFilters .chip')];\r\n  const levelChips = [...root.querySelectorAll('#levelFilters .chip')];\r\n  const countEl = root.querySelector('#lessonCount');\r\n  const statEl = root.querySelector('#statCount');\r\n  const empty = root.querySelector('#lessonsEmpty');\r\n\r\n  const trackNames = {\r\n    generate:'01 \u00b7 Olu\u015fturma',\r\n    rapport:'02 \u00b7 Raport',\r\n    color:'03 \u00b7 Renk Haz\u0131rl\u0131\u011f\u0131',\r\n    present:'04 \u00b7 Sunum'\r\n  };\r\n\r\n  let activeTrack = '';\r\n  let activeLevel = '';\r\n\r\n  \/* ==========================================================\r\n     THUMBNAILS \u2014 pulled straight from the YouTube ID.\r\n     No cover images to upload or keep in sync.\r\n  ========================================================== *\/\r\n  \/* Accepts a bare ID, a full YouTube URL, or a pasted \"id&list=\u2026\" string\r\n     and always returns just the 11-character video ID. *\/\r\n  function videoId(raw){\r\n    const value = (raw || '').trim();\r\n    const match = value.match(\/(?:v=|youtu\\.be\\\/|embed\\\/)([A-Za-z0-9_-]{11})\/);\r\n    if(match) return match[1];\r\n    return value.split(\/[?&#]\/)[0];\r\n  }\r\n\r\n  lessons.forEach(lesson => {\r\n    const id = videoId(lesson.dataset.yt);\r\n    lesson.dataset.yt = id;\r\n    const thumb = lesson.querySelector('.lesson-thumb');\r\n    const img = document.createElement('img');\r\n\r\n    img.alt = lesson.querySelector('h3').textContent;\r\n    img.loading = 'lazy';\r\n    img.src = 'https:\/\/i.ytimg.com\/vi\/' + id + '\/maxresdefault.jpg';\r\n\r\n    \/* Duration badge appears only once data-length is filled in. *\/\r\n    const length = (lesson.dataset.length || '').trim();\r\n    if(length){\r\n      const badge = document.createElement('span');\r\n      badge.className = 'lesson-length';\r\n      badge.textContent = length;\r\n      thumb.appendChild(badge);\r\n    }\r\n\r\n    \/* Not every video has a maxres still \u2014 fall back quietly. *\/\r\n    img.addEventListener('error', function handler(){\r\n      img.removeEventListener('error', handler);\r\n      img.src = 'https:\/\/i.ytimg.com\/vi\/' + id + '\/hqdefault.jpg';\r\n    });\r\n\r\n    thumb.insertBefore(img, thumb.firstChild);\r\n  });\r\n\r\n  statEl.textContent = lessons.length + ' e\u011fitim mevcut';\r\n\r\n  \/* ==========================================================\r\n     FILTERS\r\n  ========================================================== *\/\r\n  function applyFilters(){\r\n    let shown = 0;\r\n\r\n    lessons.forEach(lesson => {\r\n      const trackMatch = !activeTrack || lesson.dataset.track === activeTrack;\r\n      const levelMatch = !activeLevel || lesson.dataset.level === activeLevel;\r\n      const visible = trackMatch && levelMatch;\r\n\r\n      lesson.classList.toggle('is-hidden', !visible);\r\n      if(visible) shown += 1;\r\n    });\r\n\r\n    countEl.textContent = shown;\r\n    empty.classList.toggle('is-visible', shown === 0);\r\n  }\r\n\r\n  trackChips.forEach(chip => {\r\n    chip.addEventListener('click', () => {\r\n      activeTrack = chip.dataset.track;\r\n      trackChips.forEach(item => item.setAttribute('aria-pressed', item === chip ? 'true' : 'false'));\r\n      applyFilters();\r\n    });\r\n  });\r\n\r\n  levelChips.forEach(chip => {\r\n    chip.addEventListener('click', () => {\r\n      activeLevel = chip.dataset.level;\r\n      levelChips.forEach(item => item.setAttribute('aria-pressed', item === chip ? 'true' : 'false'));\r\n      applyFilters();\r\n    });\r\n  });\r\n\r\n  \/* ==========================================================\r\n     PLAYER \u2014 the iframe is created only on click, so YouTube\r\n     loads nothing until someone actually wants to watch.\r\n  ========================================================== *\/\r\n  const modal = root.querySelector('#playerModal');\r\n  const frame = root.querySelector('#playerFrame');\r\n  const titleEl = root.querySelector('#playerTitle');\r\n  const textEl = root.querySelector('#playerText');\r\n  const trackEl = root.querySelector('#playerTrack');\r\n  const levelEl = root.querySelector('#playerLevel');\r\n  const lengthEl = root.querySelector('#playerLength');\r\n  const toolLink = root.querySelector('#playerToolLink');\r\n  const ytLink = root.querySelector('#playerYoutube');\r\n  let lastFocus = null;\r\n\r\n  function openPlayer(lesson){\r\n    const id = videoId(lesson.dataset.yt);\r\n    lastFocus = document.activeElement;\r\n\r\n    titleEl.textContent = lesson.querySelector('h3').textContent;\r\n    textEl.textContent = lesson.querySelector('.lesson-body p').textContent;\r\n    trackEl.innerHTML = '<b>' + (trackNames[lesson.dataset.track] || 'E\u011fitim') + '<\/b>';\r\n    levelEl.textContent = lesson.dataset.level === 'advanced' ? '\u0130leri Seviye' : 'Ba\u015flang\u0131\u00e7';\r\n    const len = (lesson.dataset.length || '').trim();\r\n    lengthEl.textContent = len;\r\n    lengthEl.style.display = len ? '' : 'none';\r\n\r\n    toolLink.href = lesson.dataset.toolurl || '#';\r\n    toolLink.innerHTML = 'Arac\u0131 A\u00e7: ' + (lesson.dataset.tool || 'AIT AI Tools') + ' <span class=\"arr\">\u2192<\/span>';\r\n    ytLink.href = 'https:\/\/www.youtube.com\/watch?v=' + id;\r\n\r\n    \/* youtube-nocookie keeps tracking cookies out until playback. *\/\r\n    frame.innerHTML =\r\n      '<iframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/' + id + '?autoplay=1&rel=0&modestbranding=1\" ' +\r\n      'title=\"' + titleEl.textContent.replace(\/\"\/g,'') + '\" ' +\r\n      'allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; picture-in-picture\" ' +\r\n      'allowfullscreen><\/iframe>';\r\n\r\n    modal.hidden = false;\r\n    modal.setAttribute('aria-hidden','false');\r\n    document.body.style.overflow = 'hidden';\r\n    modal.querySelector('.player-close').focus();\r\n  }\r\n\r\n  function closePlayer(){\r\n    modal.hidden = true;\r\n    modal.setAttribute('aria-hidden','true');\r\n    frame.innerHTML = '';                 \/* stops playback immediately *\/\r\n    document.body.style.overflow = '';\r\n    if(lastFocus) lastFocus.focus();\r\n  }\r\n\r\n  lessons.forEach(lesson => {\r\n    lesson.setAttribute('tabindex','0');\r\n    lesson.setAttribute('role','button');\r\n\r\n    lesson.addEventListener('click', () => openPlayer(lesson));\r\n    lesson.addEventListener('keydown', event => {\r\n      if(event.key === 'Enter' || event.key === ' '){\r\n        event.preventDefault();\r\n        openPlayer(lesson);\r\n      }\r\n    });\r\n  });\r\n\r\n  modal.addEventListener('click', event => {\r\n    if(event.target.closest('[data-close-player]')) closePlayer();\r\n  });\r\n\r\n  document.addEventListener('keydown', event => {\r\n    if(event.key === 'Escape' && !modal.hidden) closePlayer();\r\n  });\r\n\r\n  applyFilters();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AIT Academy Ara\u00e7lar\u0131 haftalar i\u00e7inde de\u011fil, dakikalar i\u00e7inde \u00f6\u011frenin. Ger\u00e7ek \u00e7al\u0131\u015fma alan\u0131nda kaydedilen k\u0131sa ve odakl\u0131 e\u011fitimler. Tak\u0131ld\u0131\u011f\u0131n\u0131z \u00fcretim ad\u0131m\u0131n\u0131 se\u00e7in ve s\u00fcrecin ba\u015ftan sona nas\u0131l uyguland\u0131\u011f\u0131n\u0131 izleyin. E\u011fitimler y\u00fckleniyor\u2026 Canl\u0131 \u00fcr\u00fcn i\u00e7inde kaydedildi \u00dccretsiz izleyin T\u00fcm e\u011fitimler 01 \u00b7 Olu\u015fturma 02 \u00b7 Raport 03 \u00b7 Renk Haz\u0131rl\u0131\u011f\u0131 04 \u00b7 Sunum T\u00fcm Seviyeler Ba\u015flang\u0131\u00e7 \u0130leri [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-20404","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/pages\/20404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/comments?post=20404"}],"version-history":[{"count":6,"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/pages\/20404\/revisions"}],"predecessor-version":[{"id":20411,"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/pages\/20404\/revisions\/20411"}],"wp:attachment":[{"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/media?parent=20404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}