/* akademiden: src/pages/umutcanfx2.css + YouTube bloğu. scripts/web-fx-esitle.mjs yazar. */

.ufx2{
  --bg:#0B0D16; --bg2:#0E1120; --card:rgba(255,255,255,.035); --card2:rgba(255,255,255,.06);
  --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.15);
  --text:#E8EAF2; --muted:#A4A9BF; --dim:#7D8299; --head:#EFECF7;
  --p1:#A855F7; --p2:#C4B5FD; --p3:#E9D5FF; --amber:#F5A623; --ink:#1A1204; --gold:#E2C07A; --ok:#7EE2A8; --sky:#8FD3FE;
  --grad:linear-gradient(96deg,#A855F7,#C4B5FD 46%,#E9D5FF);
  --maxw:1180px; --r:18px;
  --fh:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fb:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fm:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
.ufx2, .ufx2 *{box-sizing:border-box}
.ufx2{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--bg);overflow-x:clip}
.ufx2{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 var(--fb);-webkit-font-smoothing:antialiased;overflow-x:clip}
.ufx2[data-lang="tr"] [data-l="en"], .ufx2[data-lang="en"] [data-l="tr"]{display:none !important}
.ufx2 a{color:inherit}
.ufx2 img,.ufx2 video{display:block;max-width:100%}
.ufx2 h1,.ufx2 h2,.ufx2 h3,.ufx2 h4{font-family:var(--fh);color:var(--head);margin:0;letter-spacing:-.02em;line-height:1.08}
.ufx2 p{margin:0}
.ufx2 .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.ufx2 .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ufx2 .ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ufx2 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* kupon şeridi */
.ufx2 .promo{background:linear-gradient(90deg,#2A1650,#3B1C6E 50%,#2A1650);color:#F3E8FF;text-align:center;font:600 13px/1.4 var(--fb);letter-spacing:.04em;padding:9px 16px}
.ufx2 .promo button{font:inherit;color:var(--ink);background:var(--amber);border:0;border-radius:6px;padding:2px 9px;margin-left:6px;cursor:pointer;letter-spacing:.06em}
.ufx2 .promo button:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* üst menü */
.ufx2 .top{position:sticky;top:0;z-index:40;background:rgba(11,13,22,.78);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--line)}
.ufx2 .top .wrap{display:flex;align-items:center;gap:28px;height:64px}
.ufx2 .logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 19px/1 var(--fh);color:var(--head);letter-spacing:-.01em}
.ufx2 .logo b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(140deg,#2B1B4E,#151831);border:1px solid rgba(196,181,253,.35);font:700 11px/1 var(--fh);letter-spacing:.04em;color:var(--p2)}
.ufx2 .nav{display:flex;gap:22px;margin-left:auto}
.ufx2 .nav a{font:500 14px/1 var(--fb);color:var(--muted);text-decoration:none}
.ufx2 .nav a:hover{color:var(--head)}
.ufx2 .lang{display:flex;border:1px solid var(--line2);border-radius:9px;overflow:hidden}
.ufx2 .lang button{font:600 12px/1 var(--fm);background:none;border:0;color:var(--dim);padding:8px 10px;cursor:pointer}
.ufx2 .lang button[aria-pressed="true"]{background:var(--card2);color:var(--head)}
.ufx2 .btn-buy{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--amber);color:var(--ink);font:700 16px/1 var(--fb);text-decoration:none;border-radius:12px;padding:17px 26px;box-shadow:0 10px 30px -8px rgba(245,166,35,.55),inset 0 -2px 0 rgba(0,0,0,.12);transition:transform .15s ease,box-shadow .15s ease}
.ufx2 .btn-buy:hover{transform:translateY(-1px);box-shadow:0 14px 36px -8px rgba(245,166,35,.7),inset 0 -2px 0 rgba(0,0,0,.12)}
.ufx2 .btn-buy:focus-visible,.ufx2 .btn-ghost:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ufx2 .btn-buy.sm{font-size:14px;padding:11px 16px;border-radius:10px;box-shadow:none}
.ufx2 .btn-ghost{display:inline-flex;align-items:center;gap:8px;color:var(--head);font:600 16px/1 var(--fb);text-decoration:none;border:1px solid var(--line2);border-radius:12px;padding:16px 22px;background:var(--card)}
.ufx2 .btn-ghost:hover{background:var(--card2)}

/* giriş */
.ufx2 .hero{position:relative;padding:56px 0 40px;text-align:center;overflow:hidden}
.ufx2 .hero:before{content:"";position:absolute;inset:-200px -10% auto;height:760px;background:radial-gradient(ellipse 60% 55% at 50% 30%,rgba(168,85,247,.22),transparent 70%);pointer-events:none}
.ufx2 .pill{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(196,181,253,.3);background:rgba(168,85,247,.1);color:var(--p3);font:600 12.5px/1 var(--fm);letter-spacing:.08em;padding:9px 14px;border-radius:999px;text-decoration:none}
.ufx2 .pill .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(126,226,168,.18)}
.ufx2 .hero h1{font-size:clamp(40px,6vw,76px);margin:22px auto 0;max-width:17ch;font-weight:700}
.ufx2 .lead{font-size:clamp(17px,1.6vw,20px);color:var(--muted);max-width:720px;margin:20px auto 0}
.ufx2 .lead b{color:var(--text);font-weight:600}
.ufx2 .cta-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:28px}
.ufx2 .price-note{margin-top:16px;color:var(--muted);font-size:15px}
.ufx2 .price-note s{color:var(--dim)}
.ufx2 .price-note b{color:var(--amber);font-weight:700}
.ufx2 .trust{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;padding:0;margin:22px 0 0;color:var(--muted);font-size:14px}
.ufx2 .trust li{display:flex;align-items:center;gap:8px}
.ufx2 .trust .ic{width:17px;height:17px;color:var(--ok)}
.ufx2 .hero-media{position:relative;max-width:1100px;margin:44px auto 0}
.ufx2 .hero-media:before{content:"";position:absolute;inset:8% 6% -6%;background:radial-gradient(ellipse at 50% 60%,rgba(226,192,122,.28),transparent 65%);filter:blur(30px);pointer-events:none}

/* pencere çerçevesi */
.ufx2 .frame{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line2);background:#07080E;box-shadow:0 40px 90px -30px rgba(0,0,0,.85)}
.ufx2 .fbar{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;background:linear-gradient(#171A2B,#121424);border-bottom:1px solid var(--line);font:600 12px/1 var(--fm);color:var(--dim);letter-spacing:.04em}
.ufx2 .fbar i{width:10px;height:10px;border-radius:50%;background:#2B2F45}
.ufx2 .fbar span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ufx2 .fbar b{font-weight:600;color:var(--p2);letter-spacing:.06em}
.ufx2 .fbar em{margin-left:auto;font-style:normal;color:var(--gold);display:flex;align-items:center;gap:6px;white-space:nowrap}
.ufx2 .fbar em:before{content:"";width:6px;height:6px;border-radius:50%;background:#FF5D5D;box-shadow:0 0 8px #FF5D5D}
.ufx2 .frame video{width:100%;height:auto;background:#07080E}
.ufx2 .vbtn{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);background:rgba(11,13,22,.72);color:var(--head);display:grid;place-items:center;cursor:pointer;opacity:.0;transition:opacity .2s}
.ufx2 .frame:hover .vbtn,.ufx2 .vbtn:focus-visible,.ufx2 .paused .vbtn{opacity:1}
.ufx2 .vbtn .ic{width:16px;height:16px}
.ufx2 .vbtn .i-play{display:none}
.ufx2 .paused .vbtn .i-play{display:block}
.ufx2 .paused .vbtn .i-pause{display:none}

/* sayılar */
.ufx2 .stats{border-block:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}
.ufx2 .stats ul{list-style:none;margin:0 auto;padding:30px 24px;max-width:var(--maxw);display:grid;grid-template-columns:repeat(6,1fr);gap:16px;text-align:center}
.ufx2 .stats b{display:block;font:700 clamp(30px,3.4vw,42px)/1 var(--fh);letter-spacing:-.02em}
.ufx2 .stats span{display:block;margin-top:8px;color:var(--muted);font-size:14px}

/* bölüm başlıkları */
.ufx2 section{scroll-margin-top:80px}
.ufx2 .sec{padding:110px 0}
.ufx2 .kicker{display:inline-block;font:600 12.5px/1 var(--fm);letter-spacing:.14em;color:var(--p2);text-transform:uppercase}
.ufx2 .sec-h{max-width:780px}
.ufx2 .sec-h.c{margin:0 auto;text-align:center}
.ufx2 .sec-h h2{font-size:clamp(32px,4.4vw,54px);margin-top:16px}
.ufx2 .sec-h p{color:var(--muted);font-size:18px;margin-top:18px}

/* asistan adımları */
.ufx2 .steps{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.ufx2 .steps li{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px 22px 24px}
.ufx2 .steps li:not(:last-child):after{content:"";position:absolute;top:44px;right:-13px;width:10px;height:10px;border-top:2px solid var(--line2);border-right:2px solid var(--line2);transform:rotate(45deg);z-index:1}
.ufx2 .step-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(168,85,247,.12);border:1px solid rgba(196,181,253,.25);color:var(--p2)}
.ufx2 .step-ic .ic{width:22px;height:22px}
.ufx2 .steps li:nth-child(3) .step-ic{background:rgba(245,166,35,.12);border-color:rgba(245,166,35,.35);color:var(--amber)}
.ufx2 .steps .n{position:absolute;top:22px;right:22px;font:600 12px/1 var(--fm);color:var(--dim)}
.ufx2 .steps h3{font-size:21px;margin-top:20px}
.ufx2 .steps p{color:var(--muted);font-size:15px;margin-top:10px}
.ufx2 .steps q{color:var(--text);quotes:"“" "”"}
.ufx2 .flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:26px 0 0;padding:0;list-style:none;font:600 13px/1 var(--fm);color:var(--muted)}
.ufx2 .flow li{display:flex;align-items:center;gap:10px}
.ufx2 .flow li span{border:1px solid var(--line2);border-radius:999px;padding:9px 14px;background:var(--card)}
.ufx2 .flow li.k span{border-color:rgba(245,166,35,.45);color:var(--amber)}
.ufx2 .flow li:not(:last-child):after{content:"→";color:var(--dim)}
.ufx2 .asst-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;margin-top:22px}
.ufx2 .box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px}
.ufx2 .box h3{font-size:20px}
.ufx2 .box > p{color:var(--muted);font-size:15px;margin-top:8px}
.ufx2 .cmds{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:10px}
.ufx2 .cmds li{display:flex;align-items:flex-start;gap:12px;background:rgba(226,192,122,.06);border:1px solid rgba(226,192,122,.18);border-radius:14px;padding:13px 16px;font-size:15.5px;color:var(--text)}
.ufx2 .cmds .ic{width:18px;height:18px;color:var(--gold);margin-top:3px}
.ufx2 .specs{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.ufx2 .specs li{display:flex;gap:12px}
.ufx2 .specs .ic{color:var(--p2);margin-top:2px}
.ufx2 .specs b{display:block;color:var(--head);font-weight:600;font-size:15px}
.ufx2 .specs span{display:block;color:var(--muted);font-size:14px;margin-top:3px;line-height:1.5}
.ufx2 .note{display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding:16px 18px;border-radius:14px;border:1px dashed var(--line2);color:var(--muted);font-size:14.5px}
.ufx2 .note .ic{color:var(--sky);margin-top:2px}
.ufx2 .note a{color:var(--p2)}

/* özellik blokları */
.ufx2 .feats{display:flex;flex-direction:column;gap:120px;margin-top:80px}
.ufx2 .feat{display:grid;grid-template-columns:1fr 360px;gap:72px;align-items:center}
.ufx2 .feat.rev{grid-template-columns:360px 1fr}
.ufx2 .feat.rev .feat-txt{order:2}
.ufx2 .feat-txt{max-width:560px}
.ufx2 .feat.rev .feat-txt{justify-self:end}
.ufx2 .tag{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 var(--fm);letter-spacing:.1em;color:var(--p2);text-transform:uppercase}
.ufx2 .tag .new{color:var(--ink);background:var(--amber);border-radius:5px;padding:4px 6px;letter-spacing:.06em}
.ufx2 .feat h3{font-size:clamp(30px,3.6vw,44px);margin-top:16px}
.ufx2 .feat-txt > p{color:var(--muted);font-size:17.5px;margin-top:18px}
.ufx2 .checks{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:12px}
.ufx2 .checks li{display:flex;gap:12px;font-size:16px;color:var(--text)}
.ufx2 .checks .ic{width:19px;height:19px;color:var(--ok);margin-top:3px}
.ufx2 .fine{margin-top:20px;font-size:14px;color:var(--dim)}
.ufx2 .feat-media{margin:0;position:relative}
.ufx2 .feat-media:before{content:"";position:absolute;inset:10% -14%;background:radial-gradient(ellipse at 50% 50%,rgba(168,85,247,.25),transparent 65%);filter:blur(20px);pointer-events:none}
.ufx2 .pframe{max-width:360px;margin:0 auto}
.ufx2 .pframe video{aspect-ratio:840/1400}
.ufx2 .pframe.tall video{aspect-ratio:840/1520}
.ufx2 .feat-media figcaption{position:relative;text-align:center;margin-top:14px;font-size:13px;color:var(--dim)}

/* yapay zekâ bölümü */
.ufx2 .ai-grid{display:grid;grid-template-columns:1fr 360px;gap:64px;align-items:center;margin-top:56px}
.ufx2 .ways-h{font-size:22px}
.ufx2 .ways{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:12px}
.ufx2 .ways li{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}
.ufx2 .ways b{display:block;font:600 17px/1.3 var(--fh);color:var(--head)}
.ufx2 .ways span{display:block;color:var(--muted);font-size:15px;margin-top:6px}
.ufx2 .ways .step-ic{flex:none}
.ufx2 .ai-grid .note{margin-top:14px}
.ufx2 .caps-h{font-size:clamp(24px,2.6vw,32px);margin-top:80px;text-align:center}
.ufx2 .caps{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ufx2 .caps li{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}
.ufx2 .caps .ic{color:var(--p2);margin-top:2px}
.ufx2 .caps b{display:block;font:600 15.5px/1.3 var(--fh);color:var(--head)}
.ufx2 .caps span{display:block;color:var(--muted);font-size:14px;margin-top:6px;line-height:1.5}

/* panel ızgarası */
.ufx2 .groups{display:flex;flex-direction:column;gap:44px;margin-top:44px}
.ufx2 .grp-h{display:flex;align-items:center;gap:12px;font:600 15px/1 var(--fh);color:var(--head);letter-spacing:.01em}
.ufx2 .grp-h .ic{color:var(--p2)}
.ufx2 .grp-h:after{content:"";flex:1;height:1px;background:var(--line)}
.ufx2 .tiles{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ufx2 .tiles.c3{grid-template-columns:repeat(3,1fr)}
.ufx2 .tile{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s,background .2s}
.ufx2 .tile:hover{border-color:var(--line2);background:var(--card2)}
.ufx2 .tile h4{font-size:16.5px;letter-spacing:-.01em;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ufx2 .tile p{color:var(--muted);font-size:14.5px;line-height:1.55}
.ufx2 .tile .loc{margin-top:auto;padding-top:6px;font:500 11.5px/1.3 var(--fm);color:var(--dim)}


/* eğitim */
.ufx2 .course{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.ufx2 .perks{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ufx2 .perks li{display:flex;gap:10px;font-size:15px}
.ufx2 .perks .ic{color:var(--ok);width:18px;height:18px;margin-top:3px}
.ufx2 .mods{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ufx2 .mods li{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}
.ufx2 .mods b{font:700 13px/1 var(--fm);color:var(--p2);letter-spacing:.06em}
.ufx2 .mods h4{font-size:17px;margin-top:10px}
.ufx2 .mods p{color:var(--muted);font-size:14px;margin-top:8px;line-height:1.5}

/* fiyat */
.ufx2 .price-wrap{display:grid;place-items:center;margin-top:48px}
.ufx2 .pcard{position:relative;width:min(560px,100%);border-radius:24px;padding:40px 36px 32px;background:linear-gradient(180deg,#151831,#0F1122);border:1px solid rgba(196,181,253,.28);box-shadow:0 40px 100px -40px rgba(168,85,247,.55)}
.ufx2 .pcard:before{content:"";position:absolute;inset:-1px;border-radius:24px;padding:1px;background:linear-gradient(140deg,rgba(168,85,247,.8),rgba(196,181,253,.1) 40%,rgba(245,166,35,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.ufx2 .pcard .kicker{color:var(--p3)}
.ufx2 .amount{display:flex;align-items:baseline;gap:14px;margin-top:18px}
.ufx2 .amount s{font:600 26px/1 var(--fh);color:var(--dim)}
.ufx2 .amount b{font:700 76px/1 var(--fh);color:var(--amber);letter-spacing:-.03em}
.ufx2 .amount span{font:700 13px/1 var(--fm);color:var(--ink);background:var(--amber);border-radius:7px;padding:6px 8px}
.ufx2 .pcard .sub{color:var(--muted);margin-top:8px}
.ufx2 .incl{list-style:none;padding:0;margin:26px 0 28px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:24px}
.ufx2 .incl li{display:flex;gap:12px;font-size:15.5px}
.ufx2 .incl .ic{color:var(--ok);margin-top:2px}
.ufx2 .pcard .btn-buy{width:100%;font-size:17px;padding:19px}
.ufx2 .secure{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;color:var(--dim);text-align:center}
.ufx2 .secure .ic{width:15px;height:15px}
.ufx2 .coupon{margin-top:16px;text-align:center;font-size:14px;color:var(--p3)}
.ufx2 .coupon code{font:600 13px/1 var(--fm);color:var(--ink);background:var(--amber);border-radius:6px;padding:3px 7px}
.ufx2 .reviews{display:block;text-align:center;margin-top:18px;color:var(--p2);font-size:14.5px;text-decoration:none}
.ufx2 .reviews:hover{text-decoration:underline}

/* SSS */
.ufx2 .faq{max-width:820px;margin:48px auto 0;display:flex;flex-direction:column;gap:10px}
.ufx2 .faq details{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:0 22px}
.ufx2 .faq details[open]{background:var(--card2);border-color:var(--line2)}
.ufx2 .faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;font:600 17px/1.35 var(--fh);color:var(--head)}
.ufx2 .faq summary::-webkit-details-marker{display:none}
.ufx2 .faq summary .ic{color:var(--p2);transition:transform .2s}
.ufx2 .faq details[open] summary .ic{transform:rotate(45deg)}
.ufx2 .faq .a{color:var(--muted);font-size:15.5px;padding:0 0 20px;line-height:1.65}

/* son çağrı */
.ufx2 .final{text-align:center;padding:110px 0 120px;position:relative;overflow:hidden}
.ufx2 .final:before{content:"";position:absolute;inset:auto -10% -300px;height:700px;background:radial-gradient(ellipse 55% 50% at 50% 50%,rgba(168,85,247,.2),transparent 70%);pointer-events:none}
.ufx2 .final h2{font-size:clamp(34px,5vw,60px);max-width:16ch;margin:0 auto}
.ufx2 .final p{color:var(--muted);font-size:18px;margin:18px auto 0;max-width:560px}
.ufx2 .final .cta-row{margin-top:30px}

.ufx2 footer{border-top:1px solid var(--line);padding:34px 0 110px;color:var(--dim);font-size:14px}
.ufx2 footer .wrap{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;justify-content:space-between}
.ufx2 footer nav{display:flex;flex-wrap:wrap;gap:10px 22px}
.ufx2 footer a{text-decoration:none;color:var(--muted)}
.ufx2 footer a:hover{color:var(--head)}

/* mobil sabit satın al */
.ufx2 .sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border-radius:16px;background:rgba(18,20,36,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line2);box-shadow:0 20px 50px -10px rgba(0,0,0,.7);transform:translateY(140%);transition:transform .3s ease}
.ufx2 .sticky.on{transform:none}
.ufx2 .sticky .sp{font-size:13px;color:var(--muted);line-height:1.3}
.ufx2 .sticky .sp b{display:block;font:700 18px/1.1 var(--fh);color:var(--amber)}

@media (max-width:1060px){
  .ufx2 .nav{display:none}
  .ufx2 .lang{margin-left:auto}
  .ufx2 .steps{grid-template-columns:1fr 1fr}
  .ufx2 .steps li:nth-child(2):after{display:none}
  .ufx2 .asst-grid{grid-template-columns:1fr}
  .ufx2 .stats ul{grid-template-columns:repeat(3,1fr);row-gap:26px}
  .ufx2 .feat,.ufx2 .feat.rev{grid-template-columns:1fr 320px;gap:44px}
  .ufx2 .feat.rev{grid-template-columns:320px 1fr}
    .ufx2 .ai-grid{grid-template-columns:1fr 320px;gap:40px}
  .ufx2 .caps{grid-template-columns:repeat(2,1fr)}
  .ufx2 .tiles,.ufx2 .tiles.c3{grid-template-columns:repeat(2,1fr)}
  .ufx2 .course{grid-template-columns:1fr;gap:36px}
}
@media (max-width:760px){
  .ufx2 .wrap{padding:0 16px}
  .ufx2 .top .wrap{gap:12px;height:58px}
  .ufx2 .top .btn-buy.sm{display:none}
  .ufx2 .hero{padding:48px 0 28px}
  .ufx2 .hero h1{margin-top:20px}
  .ufx2 .cta-row .btn-buy,.ufx2 .cta-row .btn-ghost{width:100%}
  .ufx2 .hero-media{margin-top:40px}
  .ufx2 .fbar{height:32px;font-size:11px}
  .ufx2 .sec{padding:80px 0}
  .ufx2 .stats ul{padding:26px 16px}
  .ufx2 .steps{grid-template-columns:1fr;margin-top:40px}
  .ufx2 .steps li:after{display:none}
  .ufx2 .box{padding:22px}
  .ufx2 .specs{grid-template-columns:1fr}
  .ufx2 .feats{gap:90px;margin-top:56px}
  .ufx2 .feat,.ufx2 .feat.rev{grid-template-columns:1fr;gap:34px}
  .ufx2 .feat.rev .feat-txt{order:0;justify-self:start}
  .ufx2 .pframe{max-width:min(320px,86vw)}
  .ufx2 .feat-media:before{inset:8% 0}
  .ufx2 .mods,.ufx2 .perks{grid-template-columns:1fr}
  .ufx2 .tiles,.ufx2 .tiles.c3{grid-template-columns:1fr}
  .ufx2 .ai-grid{grid-template-columns:1fr;gap:36px;margin-top:40px}
  .ufx2 .caps{grid-template-columns:1fr}
  .ufx2 .caps-h{margin-top:56px}
  .ufx2 .pcard{padding:32px 22px 26px}
  .ufx2 .amount b{font-size:64px}
  .ufx2 .sticky{display:flex}
  .ufx2 .promo{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  .ufx2{scroll-behavior:auto}
  .ufx2 .btn-buy,.ufx2 .sticky,.ufx2 .vbtn{transition:none}
}

/* Eski sayfanın hero'su: videosuz, ortada, gösterişli. #fx-hero ile yeni tasarımın .hero/.stats stilleri buraya karışmaz. */
.ufx2 .ufx-page.ufx-hero-tek{background:transparent}
.ufx2 #fx-hero{display:block;position:relative;text-align:center;padding:84px 0 64px;overflow:visible;isolation:isolate}
.ufx2 #fx-hero:before{content:"";position:absolute;z-index:-1;left:50%;top:-60px;width:min(1400px,140vw);height:980px;transform:translateX(-50%);pointer-events:none;inset:auto;
  background:
    radial-gradient(ellipse 38% 34% at 26% 26%,rgba(168,85,247,.34),transparent 70%),
    radial-gradient(ellipse 34% 30% at 76% 36%,rgba(124,58,237,.28),transparent 70%),
    radial-gradient(ellipse 36% 26% at 50% 78%,rgba(245,166,35,.14),transparent 72%);
  filter:blur(8px);animation:ufxNefes 10s ease-in-out infinite alternate}
.ufx2 #fx-hero:after{content:"";position:absolute;z-index:-1;left:50%;top:0;width:min(1200px,100vw);height:100%;transform:translateX(-50%);pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 30%,#000,transparent 72%);mask-image:radial-gradient(ellipse 60% 50% at 50% 30%,#000,transparent 72%)}
.ufx2 #fx-hero .hero-yazi{display:block;max-width:1080px;margin:0 auto}
.ufx2 #fx-hero .pill{display:inline-flex;margin:0 0 26px;padding:9px 18px;font:700 12px/1.2 var(--fm);letter-spacing:.14em;color:#efe4ff;
  border:1px solid rgba(196,181,253,.45);background:linear-gradient(90deg,rgba(168,85,247,.26),rgba(124,58,237,.1));
  box-shadow:0 0 30px -6px rgba(168,85,247,.6);animation:ufxHalka 2.8s ease-out infinite}
.ufx2 #fx-hero h1{font:800 clamp(32px,4.2vw,54px)/1.06 var(--fh);letter-spacing:-.035em;max-width:none;margin:0 auto 26px;color:#f4efff;text-shadow:0 12px 60px rgba(168,85,247,.28)}
.ufx2 #fx-hero h1 em{display:inline-block;margin-top:6px;background:linear-gradient(96deg,#A855F7,#C4B5FD 28%,#F5D08A 50%,#E9D5FF 72%,#A855F7);background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ufxAkis 7s linear infinite;filter:drop-shadow(0 0 26px rgba(168,85,247,.5))}
.ufx2 #fx-hero .lede{font-size:clamp(15px,1.3vw,17.5px);line-height:1.6;color:#b9bdd0;max-width:680px;margin:0 auto 22px}
.ufx2 #fx-hero .bonus{display:table;max-width:640px;margin:8px auto 22px;padding:10px 16px;border-radius:12px;font-size:14px;color:#d8ffe8;background:rgba(126,226,168,.08);border:1px dashed rgba(126,226,168,.35)}
.ufx2 #fx-hero .hero-fiyat{justify-content:center;align-items:center;gap:14px;margin:0 0 22px}
.ufx2 #fx-hero .hero-fiyat s{font-size:24px}
.ufx2 #fx-hero .hero-fiyat b{font:800 clamp(52px,6vw,68px)/1 var(--fh);letter-spacing:-.04em;color:#F5A623;text-shadow:0 0 40px rgba(245,166,35,.5)}
.ufx2 #fx-hero .hero-fiyat span{padding:6px 12px;border-radius:999px;font-size:13px;color:#1a1204;background:#F5A623;box-shadow:0 0 22px rgba(245,166,35,.5)}
.ufx2 #fx-hero .cta{justify-content:center;margin:0 0 16px}
.ufx2 #fx-hero .cta .btn-p{position:relative;overflow:hidden;color:#1a1204;font:800 17px/1 var(--fb);letter-spacing:-.01em;padding:20px 36px;border-radius:14px;
  background:linear-gradient(180deg,#FFCB6B,#F5A623 55%,#E48E0B);border:1px solid rgba(255,226,160,.75);text-shadow:0 1px 0 rgba(255,255,255,.35);
  animation:ufxParla 2.4s ease-in-out infinite}
.ufx2 #fx-hero .cta .btn-p:hover{color:#1a1204;background:linear-gradient(180deg,#FFD682,#FFB43C 55%,#F09A14)}
.ufx2 #fx-hero .cta .btn-p:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:ufxParilti 3.2s ease-in-out infinite}
@keyframes ufxParilti{0%,55%{left:-60%}100%{left:130%}}
.ufx2 #fx-hero .guven{margin:0 0 44px;font-size:13.5px;color:#8e93a8}
.ufx2 #fx-hero .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:820px;margin:0 auto;padding:0;border:0;background:none}
.ufx2 #fx-hero .stats div{padding:22px 10px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(168,85,247,.12),rgba(255,255,255,.02));border:1px solid rgba(196,181,253,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.ufx2 #fx-hero .stats b{display:block;font:800 clamp(34px,3.6vw,46px)/1 var(--fh);letter-spacing:-.03em;background:linear-gradient(180deg,#fff,#C4B5FD);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ufx2 #fx-hero .stats span{display:block;margin-top:8px;font-size:13px;color:#a4a9bf;letter-spacing:.02em}
@media (max-width:900px){
  .ufx2 #fx-hero{padding:52px 0 40px}
  .ufx2 #fx-hero h1{margin-bottom:20px}
  .ufx2 #fx-hero .lede{margin-bottom:26px}
  .ufx2 #fx-hero .cta .btn-p{width:100%;flex:1 1 auto;padding:17px 18px;font-size:15px}
  .ufx2 #fx-hero .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ufx2 #fx-hero .guven{margin-bottom:30px}
}
@media (prefers-reduced-motion:reduce){
  .ufx2 #fx-hero:before,.ufx2 #fx-hero .pill,.ufx2 #fx-hero h1 em,.ufx2 #fx-hero .cta .btn-p,.ufx2 #fx-hero .cta .btn-p:after{animation:none}
}

/* Yeni hero: eski hero kadar gösterişli. */
.ufx2 #fx-hero-yeni{padding:72px 0 56px;isolation:isolate}
.ufx2 #fx-hero-yeni:before{inset:-120px -20% auto;height:900px;background:
  radial-gradient(ellipse 45% 40% at 30% 30%,rgba(168,85,247,.32),transparent 70%),
  radial-gradient(ellipse 40% 35% at 72% 42%,rgba(245,166,35,.16),transparent 70%),
  radial-gradient(ellipse 60% 50% at 50% 20%,rgba(196,181,253,.14),transparent 75%);
  animation:ufxNefes 9s ease-in-out infinite alternate}
.ufx2 #fx-hero-yeni:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 55% at 50% 35%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 55% at 50% 35%,#000,transparent 75%)}
.ufx2 #fx-hero-yeni .pill{font-weight:700;border-color:rgba(196,181,253,.45);background:linear-gradient(90deg,rgba(168,85,247,.2),rgba(168,85,247,.08));box-shadow:0 0 0 0 rgba(168,85,247,.45);animation:ufxHalka 2.6s ease-out infinite}
.ufx2 #fx-hero-yeni .pill .dot{animation:ufxNokta 1.4s ease-in-out infinite}
.ufx2 #fx-hero-yeni h1{font-weight:800;letter-spacing:-.035em;text-shadow:0 10px 50px rgba(168,85,247,.25)}
.ufx2 #fx-hero-yeni h1 .g{background:linear-gradient(96deg,#A855F7,#C4B5FD 30%,#F5D08A 50%,#E9D5FF 70%,#A855F7);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ufxAkis 6s linear infinite;filter:drop-shadow(0 0 22px rgba(168,85,247,.45))}
.ufx2 #fx-hero-yeni .btn-buy:not(.sm){position:relative;font-size:17px;padding:19px 30px;animation:ufxParla 2.4s ease-in-out infinite}
.ufx2 #fx-hero-yeni .price-note{font-size:16px;margin-top:22px}
.ufx2 #fx-hero-yeni .price-note s{font-size:20px;font-weight:650}
.ufx2 #fx-hero-yeni .price-note b{font:800 40px/1 var(--fh);letter-spacing:-1px;vertical-align:-6px;margin:0 4px;text-shadow:0 0 28px rgba(245,166,35,.45)}
.ufx2 #fx-hero-yeni .trust li{padding:8px 14px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.035)}
.ufx2 #fx-hero-yeni .hero-media .frame{border:0;padding:1.5px;background:conic-gradient(from var(--aci,0deg),#A855F7,#C4B5FD,#F5A623,#A855F7 60%,#3b1c6e,#A855F7);animation:ufxCerceve 7s linear infinite;box-shadow:0 40px 120px -30px rgba(168,85,247,.55),0 0 80px -20px rgba(245,166,35,.35)}
.ufx2 #fx-hero-yeni .hero-media .frame>.fbar{border-radius:calc(var(--r) - 1.5px) calc(var(--r) - 1.5px) 0 0}
.ufx2 #fx-hero-yeni .hero-media .frame>video{border-radius:0 0 calc(var(--r) - 1.5px) calc(var(--r) - 1.5px)}
@property --aci{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes ufxCerceve{to{--aci:360deg}}
@keyframes ufxAkis{to{background-position:-220% 0}}
@keyframes ufxNefes{from{opacity:.75;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}
@keyframes ufxHalka{0%{box-shadow:0 0 0 0 rgba(168,85,247,.45)}80%,100%{box-shadow:0 0 0 12px rgba(168,85,247,0)}}
@keyframes ufxNokta{50%{box-shadow:0 0 0 7px rgba(126,226,168,.08),0 0 14px rgba(126,226,168,.9)}}
@keyframes ufxParla{50%{box-shadow:0 0 0 6px rgba(245,166,35,.18),0 16px 44px -6px rgba(245,166,35,.75)}}
@media (max-width:900px){
  .ufx2 #fx-hero-yeni{padding:52px 0 36px}
  .ufx2 #fx-hero-yeni .price-note b{font-size:32px}
  .ufx2 #fx-hero-yeni .trust li{padding:6px 12px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .ufx2 #fx-hero-yeni:before,.ufx2 #fx-hero-yeni .pill,.ufx2 #fx-hero-yeni .pill .dot,
  .ufx2 #fx-hero-yeni h1 .g,.ufx2 #fx-hero-yeni .btn-buy,.ufx2 #fx-hero-yeni .hero-media .frame{animation:none}
}

/* Hero kartları: ana sayfadaki paket kartlarının aynısı. */
.ufx2 #fx-hero .fxk-kartlar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:stretch;max-width:1060px;margin:6px auto 20px;text-align:left}
.ufx2 #fx-hero .fxk-kartlar article{position:relative;overflow:hidden;border:1px solid rgba(196,181,253,.42);border-radius:16px;padding:14px 14px 14px;
  background:radial-gradient(120px 70px at 0% 0%,rgba(168,85,247,.34),transparent 72%),linear-gradient(180deg,rgba(32,18,54,.96),rgba(10,8,18,.94));
  box-shadow:0 14px 32px rgba(0,0,0,.4),0 0 22px rgba(124,58,237,.18);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ufx2 #fx-hero .fxk-kartlar article:hover{transform:translateY(-3px);border-color:rgba(232,214,255,.85);box-shadow:0 18px 40px rgba(0,0,0,.5),0 0 32px rgba(168,85,247,.34)}
.ufx2 #fx-hero .fxk-kartlar .fxk-ders{border-color:rgba(232,214,255,.7);
  background:radial-gradient(150px 80px at 100% 0%,rgba(192,132,252,.45),transparent 70%),linear-gradient(180deg,rgba(76,29,149,.55),rgba(10,8,18,.94));
  box-shadow:0 14px 32px rgba(0,0,0,.4),0 0 28px rgba(168,85,247,.32)}
.ufx2 #fx-hero .fxk-etiket{display:inline-flex;align-items:center;margin-bottom:9px;padding:3px 9px;border-radius:999px;font:800 10.5px/1.3 var(--fb);letter-spacing:.02em;color:#00e0a4;background:rgba(0,224,164,.12);border:1px solid rgba(0,224,164,.35)}
.ufx2 #fx-hero .fxk-bas{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ufx2 #fx-hero .fxk-marka{position:relative;width:38px;height:38px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;isolation:isolate;box-shadow:0 0 16px rgba(168,85,247,.5)}
.ufx2 #fx-hero .fxk-marka:before{content:"";position:absolute;width:170%;height:170%;left:-35%;top:-35%;z-index:0;background:conic-gradient(from 0deg,#a855f7,#4ee3ff,#F5A623,#c4b5fd,#a855f7);animation:fxkDon 3.2s linear infinite}
.ufx2 #fx-hero .fxk-marka:after{content:"";position:absolute;inset:1.5px;border-radius:8px;z-index:0;background:radial-gradient(12px 12px at 30% 20%,rgba(255,255,255,.2),transparent 70%),#120b1c}
.ufx2 #fx-hero .fxk-marka svg{position:relative;z-index:1;width:20px;height:20px;display:block;filter:drop-shadow(0 0 4px rgba(232,214,255,.75))}
.ufx2 #fx-hero .fxk-bas b{display:block;font:800 14px/1.25 var(--fb);letter-spacing:-.2px;color:#fff}
.ufx2 #fx-hero .fxk-bas b i{display:block;margin-top:1px;font-style:normal;font-weight:700;font-size:12px;color:#efeaf8}
.ufx2 #fx-hero .fxk-alt{display:block;font-size:12.5px;line-height:1.4;color:#9a96ab}
.ufx2 #fx-hero .fxk-ufx{display:inline-block;background:linear-gradient(100deg,#c4b5fd 0%,#fff 16%,#7c5cff 34%,#4ee3ff 52%,#00ff88 70%,#c4b5fd 100%);background-size:240% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:fxkTitre 1.35s linear infinite}
.ufx2 #fx-hero .fxk-arti{position:relative;align-self:center;width:32px;height:32px;border-radius:50%;background:#00e0a4;box-shadow:0 6px 16px rgba(0,224,164,.4),0 0 0 5px rgba(0,224,164,.1)}
.ufx2 #fx-hero .fxk-arti:before,.ufx2 #fx-hero .fxk-arti:after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2.6px;border-radius:2px;background:#04140e;transform:translate(-50%,-50%)}
.ufx2 #fx-hero .fxk-arti:after{transform:translate(-50%,-50%) rotate(90deg)}
@keyframes fxkDon{to{transform:rotate(360deg)}}
@keyframes fxkTitre{to{background-position:240% 0}}

/* Sosyal kanıt */
.ufx2 #fx-hero .fxk-kanit{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto 26px}
.ufx2 #fx-hero .fxk-yuzler{display:flex}
.ufx2 #fx-hero .fxk-yuzler img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #0b0d16;display:block;box-shadow:0 0 0 1px rgba(196,181,253,.35)}
.ufx2 #fx-hero .fxk-yuzler img+img{margin-left:-12px}
.ufx2 #fx-hero .fxk-kanit>div:last-child{text-align:left}
.ufx2 #fx-hero .fxk-yildiz{display:block;color:#F5A623;font-size:15px;letter-spacing:2px;line-height:1;text-shadow:0 0 12px rgba(245,166,35,.5)}
.ufx2 #fx-hero .fxk-kanit p{margin:4px 0 0;font-size:13px;font-weight:600;letter-spacing:.04em;color:#c8c4d4}

/* Masaüstü yazı boyutları biraz küçük. */
.ufx2 #fx-hero-yeni h1{font-size:clamp(32px,4.4vw,56px);max-width:18ch}
.ufx2 #fx-hero-yeni .lead{font-size:clamp(15px,1.35vw,18px)}
.ufx2 .sec-h h2{font-size:clamp(28px,3.4vw,42px)}
.ufx2 .sec-h p{font-size:16.5px}
.ufx2 .feat h3{font-size:clamp(24px,2.8vw,34px)}
.ufx2 .final h2{font-size:clamp(30px,3.8vw,48px)}
.ufx2 #egitim h2{font-size:clamp(28px,3.4vw,42px) !important}

@media (max-width:900px){
  .ufx2 #fx-hero .fxk-kartlar{grid-template-columns:1fr;gap:10px}
  .ufx2 #fx-hero .fxk-arti{justify-self:center}
}
@media (prefers-reduced-motion:reduce){
  .ufx2 #fx-hero .fxk-marka:before,.ufx2 #fx-hero .fxk-ufx{animation:none}
}


/* YouTube 4'lü blok (ana sayfa + UmutcanFX) */
.yt-blok{max-width:1180px;margin:0 auto;padding:28px 24px 8px}
/* .ufx2 h2 marjı sıfırlıyor; seçici bu yüzden daha belirgin. */
.yt-blok h2.yt-baslik{font-size:clamp(22px,2.6vw,30px);margin:0 0 26px;text-align:center}
.yt-fx{padding-top:56px;padding-bottom:24px}
.yt-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.yt-izgara.yt-2x2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin:0 auto;gap:16px}
.yt-kare{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#08090c;border:1px solid rgba(255,255,255,.08)}
.yt-kare iframe,.yt-kapak{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;margin:0;background:none;cursor:pointer}
.yt-kapak img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.yt-kapak:hover img{transform:scale(1.04)}
.yt-oynat{position:absolute;left:50%;top:50%;width:54px;height:38px;margin:-19px 0 0 -27px;border-radius:10px;background:rgba(220,20,20,.92);display:grid;place-items:center}
.yt-oynat svg{width:22px;height:22px;fill:#fff}
.yt-kapak:focus-visible{outline:2px solid #fff;outline-offset:-2px}
@media (max-width:900px){.yt-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.yt-blok{padding:20px 16px 4px}.yt-izgara{gap:10px}}