:root{
  --bg:#06090e;--bg2:#0c1018;--bg3:#111820;--card:#0e1520;
  --pink:#f70272;--teal:#18c7d1;--pink2:#ff4db8;--teal2:#26e5ff;
  --text:#eef2f8;--muted:#5d6e8a;--border:rgba(24,199,209,.13);
  --tg-bg:#0e1621;--tg-bar:#17212b;--tg-in:#182533;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Outfit',sans-serif;overflow-x:hidden}

body::before{
  content:'';position:fixed;inset:0;
  background-image:
    linear-gradient(rgba(24,199,209,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(24,199,209,.022) 1px,transparent 1px);
  background-size:64px 64px;pointer-events:none;z-index:0;
}
.orb{position:fixed;border-radius:50%;filter:blur(130px);pointer-events:none;z-index:0}
.o1{width:600px;height:600px;background:rgba(247,2,114,.11);top:-160px;left:-180px;animation:f1 14s ease-in-out infinite alternate}
.o2{width:500px;height:500px;background:rgba(24,199,209,.09);bottom:-100px;right:-120px;animation:f2 11s ease-in-out infinite alternate}
.o3{width:280px;height:280px;background:rgba(247,2,114,.06);top:50%;left:44%;animation:f1 18s ease-in-out infinite alternate-reverse}
@keyframes f1{from{transform:translate(0,0) scale(1)}to{transform:translate(50px,35px) scale(1.12)}}
@keyframes f2{from{transform:translate(0,0)}to{transform:translate(-35px,-50px)}}

/* NAV */
nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:17px 64px;
  background:rgba(6,9,14,.78);backdrop-filter:blur(24px);
  border-bottom:1px solid rgba(24,199,209,.09);
  gap:24px;
}
.logo{display:flex;align-items:center;min-width:0}
.site-logo{
  display:block;
  height:38px;
  width:auto;
  max-width:230px;
  object-fit:contain;
}
nav ul{list-style:none;display:flex;gap:32px}
nav ul a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}
nav ul a:hover{color:var(--text)}

.nav-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
}
.nav-online{
  background:rgba(24,199,209,.12);
  color:var(--teal2);
  border:1px solid rgba(24,199,209,.28);
  padding:9px 18px;
  border-radius:8px;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  transition:all .2s;
}
.nav-online:hover{
  opacity:.95;
  box-shadow:0 8px 28px rgba(24,199,209,.22);
}
.nav-cta{
  background:var(--pink);color:#fff;
  padding:9px 22px;border-radius:8px;
  font-size:14px;font-weight:600;text-decoration:none;
  transition:opacity .2s,box-shadow .2s;letter-spacing:.2px;
}
.nav-cta:hover{opacity:.88;box-shadow:0 8px 28px rgba(247,2,114,.32)}

/* HERO */
.hero{
  position:relative;z-index:1;min-height:100vh;
  display:flex;align-items:center;
  padding:120px 64px 80px;
  max-width:1440px;margin:0 auto;gap:64px;
}
.hero-left{flex:1;max-width:580px}

.badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(24,199,209,.07);border:1px solid rgba(24,199,209,.2);
  border-radius:100px;padding:6px 16px;
  font-size:12px;color:var(--teal);font-weight:600;letter-spacing:.3px;
  margin-bottom:26px;animation:fup .6s ease both;
}
.bdot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:blink 2s ease infinite}
@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}

h1{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:clamp(30px,8vw,52px); 
  font-weight:800;line-height:1.1;
  letter-spacing:-1px;margin-bottom:20px;animation:fup .6s .1s ease both;
}
/* Animated gradient - gelişmiş piyasa */
.hp{
  background:linear-gradient(90deg,var(--pink) 0%,#ff4fa3 25%,var(--teal) 50%,var(--pink) 75%,#ff4fa3 100%);
  background-size:250% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  animation:h1-reveal .85s .25s cubic-bezier(.22,1,.36,1) forwards, hp-flow 6s linear infinite;
  filter:drop-shadow(0 2px 18px rgba(247,2,114,.25));
}
@keyframes hp-flow{
  0%{background-position:0% 50%}
  100%{background-position:250% 50%}
}

/* Teal + shimmer - araçlarına eriş */
.ht{
  position:relative;
  background:linear-gradient(90deg,var(--teal) 0%,#5de3eb 50%,var(--teal) 100%);
  background-size:200% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  animation:h1-reveal .85s .45s cubic-bezier(.22,1,.36,1) forwards, ht-shimmer 4.5s ease-in-out infinite;
  filter:drop-shadow(0 2px 20px rgba(24,199,209,.3));
}
@keyframes ht-shimmer{
  0%,100%{background-position:0% 50%}
  50%{background-position:200% 50%}
}

/* Hover scale effect */
h1:hover .hp,h1:hover .ht{
  animation-play-state:paused;
  transform:scale(1.015);
}
h1 .hp,h1 .ht{transition:transform .3s ease}

.hero-desc{
  font-size:16px;color:var(--muted);line-height:1.78;
  margin-bottom:36px;font-weight:400;
  animation:fup .6s .2s ease both;
}
.hero-actions{display:flex;gap:12px;animation:fup .6s .3s ease both}
.btn-p{
  background:var(--pink);color:#fff;
  padding:12px 28px;border-radius:9px;font-size:14px;font-weight:600;
  text-decoration:none;transition:all .22s;font-family:'Outfit',sans-serif;
}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(247,2,114,.32)}
.btn-s{
  background:transparent;color:var(--text);
  padding:12px 28px;border-radius:9px;font-size:14px;font-weight:500;
  text-decoration:none;border:1px solid rgba(255,255,255,.1);transition:all .22s;
}
.btn-s:hover{border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.04)}

.stats{display:flex;gap:44px;margin-top:50px;animation:fup .6s .4s ease both}
.sv{font-family:'Plus Jakarta Sans',sans-serif;font-size:26px;font-weight:700}
.sv em{color:var(--teal);font-style:normal}
.sl{font-size:11px;color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:.6px}

@keyframes fup{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* 3D PHONE */
.hero-right{
  flex:1;display:flex;justify-content:center;align-items:center;
  animation:fup .7s .15s ease both;perspective:1200px;
}
.phone-scene{
  transform-style:preserve-3d;
  transform:rotateY(-18deg) rotateX(4deg);
  transition:transform .6s ease;
}
.phone-scene:hover{transform:rotateY(-8deg) rotateX(2deg)}
.phone{
  width:288px;
  background:linear-gradient(160deg,#1e2235 0%,#111827 60%,#0c1018 100%);
  border-radius:44px;border:1.5px solid rgba(255,255,255,.1);
  overflow:hidden;position:relative;
  box-shadow:
    -8px 12px 0 -2px #060810,
    -14px 22px 0 -4px rgba(0,0,0,.5),
    0 40px 100px rgba(0,0,0,.7),
    -6px 10px 60px rgba(247,2,114,.16),
    6px -6px 50px rgba(24,199,209,.11),
    0 0 0 1px rgba(255,255,255,.04) inset;
  transform-style:preserve-3d;
}
.phone::after{
  content:'';position:absolute;top:6px;right:-10px;bottom:6px;width:10px;
  background:linear-gradient(90deg,#0d1320,#080c14);
  border-radius:0 8px 8px 0;
  box-shadow:inset -2px 0 6px rgba(0,0,0,.6);
}
.notch{
  width:88px;height:24px;background:#06090e;
  border-radius:0 0 16px 16px;margin:0 auto;
  position:relative;z-index:3;
  display:flex;align-items:center;justify-content:center;gap:5px;
}
.nc{width:7px;height:7px;border-radius:50%;background:#1a1a2a;border:1px solid #333}
.ns{width:30px;height:4px;border-radius:2px;background:#1a1a2a}
.side-btn{position:absolute;background:linear-gradient(180deg,#1e2235,#131823);border-radius:2px}
.vu{right:-4px;top:108px;width:4px;height:26px}
.vd{right:-4px;top:144px;width:4px;height:26px}
.pw{left:-4px;top:128px;width:4px;height:38px}

.status-bar{
  background:var(--tg-bar);
  display:flex;align-items:center;justify-content:space-between;
  padding:4px 15px;font-size:10px;color:#8a9bb5;font-weight:500;
}
.status-icons{display:flex;align-items:center;gap:4px}

.tg-header{
  background:var(--tg-bar);padding:7px 11px;
  display:flex;align-items:center;gap:9px;
  border-bottom:1px solid rgba(255,255,255,.04);
}
.tg-back{color:#3a8fd1;font-size:17px;line-height:1;padding-right:3px;cursor:pointer}
.tg-av{
  width:36px;height:36px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,var(--pink),var(--teal));
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;color:#fff;
  font-family:'Plus Jakarta Sans',sans-serif;
}
.tg-nm{font-size:12.5px;font-weight:600;color:#e8f0fe;line-height:1.2}
.tg-st{font-size:10.5px;color:#4fa3e0;margin-top:1px}
.tg-more{margin-left:auto;color:#3a8fd1;font-size:19px;cursor:pointer}

.tg-msgs{
  background:var(--tg-bg);height:470px;overflow:hidden;
  padding:9px 7px;display:flex;flex-direction:column;gap:5px;position:relative;
}
.tg-date{text-align:center;margin:3px 0}
.tg-date span{background:rgba(30,50,80,.7);color:#7a8fa8;font-size:9.5px;padding:3px 10px;border-radius:8px}

.tg-bubble{
  max-width:92%;background:var(--tg-in);
  border-radius:12px 12px 12px 2px;padding:8px 10px 5px;
  opacity:0;transform:translateY(8px) scale(.97);
  transition:opacity .35s ease,transform .35s ease;
}
.tg-bubble.show{opacity:1;transform:translateY(0) scale(1)}

.typing{
  display:inline-flex;align-items:center;gap:4px;
  background:var(--tg-in);border-radius:12px 12px 12px 2px;
  padding:10px 14px;opacity:0;transition:opacity .3s;
  width:fit-content;
}
.typing.show{opacity:1}
.typing span{
  width:6px;height:6px;border-radius:50%;background:#4a6080;display:block;
  animation:bounce .9s ease infinite;
}
.typing span:nth-child(2){animation-delay:.15s}
.typing span:nth-child(3){animation-delay:.3s}
@keyframes bounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}

.bb-title{font-size:11px;font-weight:700;color:var(--teal);margin-bottom:5px;font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:.2px}
.bb-title.pink{color:var(--pink)}
.bb-pair{font-size:10px;color:#7a8fa8;margin-bottom:2px}
.bb-pair b{color:#c8d8ee;font-weight:600}
.bb-diff{font-size:12.5px;font-weight:600;color:#e8f0fe;margin:3px 0;display:flex;align-items:center;gap:5px}
.bb-pct{font-size:13.5px;font-weight:700;color:var(--teal);font-family:'Plus Jakarta Sans',sans-serif}
.bb-pct.pink{color:var(--pink)}
.bb-exes{display:flex;flex-direction:column;gap:3px;margin-top:4px}
.bb-ex{display:flex;align-items:center;gap:5px;font-size:10px}
.ex-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.ex-dot.g{background:#4cd97b}.ex-dot.r{background:#e05555}
.ex-name{color:#8a9bb5;min-width:42px}
.ex-val{color:#c8d8ee;font-weight:600}
.ex-usd{color:#5d6e8a;font-size:9px}

.bb-pump-coin{font-size:15px;font-weight:700;color:var(--pink);font-family:'Plus Jakarta Sans',sans-serif}
.bb-pump-sub{font-size:10px;color:#7a8fa8;margin-top:2px}
.bb-pump-bar{margin-top:5px;height:3px;background:#1a2535;border-radius:2px;overflow:hidden}
.bb-pump-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--pink2));border-radius:2px;animation:grow .8s ease both}
@keyframes grow{from{width:0}to{width:var(--w)}}

.bb-sender{font-size:10.5px;font-weight:700;color:#a78bfa;margin-bottom:4px}
.bb-news-text{font-size:10.5px;color:#c8d8ee;line-height:1.55;font-weight:400}
.bb-news-tag{font-size:10px;color:#4fa3e0;margin-top:5px;font-weight:500}
.bb-news-meta{display:flex;align-items:center;gap:5px;margin-top:3px}
.bb-news-views{font-size:9.5px;color:#4a6070;display:flex;align-items:center;gap:3px}

.bb-time{font-size:9px;color:#4a6070;text-align:right;margin-top:4px;display:flex;align-items:center;justify-content:flex-end;gap:2px}
.ticks{color:#4a90d9;font-size:10px}

.tg-input{
  background:var(--tg-bar);padding:7px 9px;
  display:flex;align-items:center;gap:7px;
  border-top:1px solid rgba(255,255,255,.04);
}
.tg-emoji{color:#5d7a9a;font-size:18px;line-height:1}
.tg-field{
  flex:1;background:#1e2d3d;border-radius:18px;
  padding:7px 12px;font-size:10.5px;color:#5d7a9a;
  font-family:'Outfit',sans-serif;
}

/* TICKER */
.ticker-wrap{
  position:relative;z-index:1;
  background:rgba(12,16,24,.85);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  overflow:hidden;padding:10px 0;backdrop-filter:blur(12px);
}
.ticker{display:flex;gap:0;animation:tick 28s linear infinite;width:max-content}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ti{display:flex;align-items:center;gap:7px;padding:0 26px;white-space:nowrap;font-size:12px;font-weight:500}
.tn{color:var(--muted)}.tv{color:var(--text);font-family:'Plus Jakarta Sans',sans-serif;font-size:11.5px}
.tp.u{color:var(--teal)}.tp.d{color:var(--pink)}
.ts{color:rgba(255,255,255,.07);font-size:17px}

/* CUBE SECTION */
.cube-section{
  position:relative;z-index:1;
  display:flex;justify-content:center;align-items:center;
  padding:100px 64px;gap:80px;
}
.cube-left-text{max-width:400px}
.cube-left-text .sl-label{margin-bottom:12px}
.cube-left-text h2{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:clamp(28px,3vw,42px);font-weight:800;
  letter-spacing:-1px;line-height:1.15;margin-bottom:16px;
}
.cube-left-text p{font-size:15px;color:var(--muted);line-height:1.7}

/* KÜP %30 KÜÇÜLTÜLDÜ (380px -> 266px) */
.cube-wrap{
  width:266px;height:266px;flex-shrink:0;
  perspective:1400px;
}
.cube-inner{
  position:relative;width:100%;height:100%;
  transform-style:preserve-3d;
  will-change:transform;
}
.face{
  position:absolute;inset:0;
  border-radius:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 26% 24%,rgba(255,255,255,.09),transparent 32%),
    linear-gradient(160deg,#253654 0%,#1a2741 40%,#0f1a2d 78%,#0a1322 100%);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -12px 26px rgba(0,0,0,.22),
    0 10px 35px rgba(0,0,0,.18);
  backface-visibility:hidden;
}

/* Yüzey derinlikleri yeni boyuta göre (266 / 2 = 133px) ayarlandı */
.face-front{transform:translateZ(133px)}
.face-back{transform:rotateY(180deg) translateZ(133px)}
.face-right{transform:rotateY(90deg) translateZ(133px)}
.face-left{transform:rotateY(-90deg) translateZ(133px)}
.face-top{transform:rotateX(90deg) translateZ(133px)}
.face-bottom{transform:rotateX(-90deg) translateZ(133px)}

.face-front,.face-back,.face-right{
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  text-align:center;
}

.cube-num{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:clamp(34px, 8vw, 50px); 
  font-weight:800;letter-spacing:-2px;line-height:1;
  color:#fff;
  position:relative;
  z-index:2;
}
.cube-num em{color:var(--pink);font-style:normal}
.cube-tag{
  margin-top:8px;font-size:12px;letter-spacing:2px;text-transform:uppercase;
  color:rgba(255,255,255,.86);
  position:relative;z-index:2;
}
.cube-tag2{
  margin-top:6px;font-size:11px;color:rgba(255,255,255,.42);
  position:relative;z-index:2;
}

.front-fly{
  position:absolute;
  border-radius:50%;
  object-fit:cover;
  pointer-events:none;
  z-index:1;
  opacity:0;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));
}

.face-back-content{display:flex;flex-direction:column;align-items:center}
.fb-label{
  margin-top:6px;
  font-size:11px;letter-spacing:2px;text-transform:uppercase;
  color:rgba(255,255,255,.38);
}

/* SAĞ YÜZ: SİNYAL ÇEKİRDEĞİ */
.face-right {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(160deg, #182336 0%, #0d1522 50%, #070b12 100%);
}

.signal-waves {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.wave {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(24, 199, 209, 0.4);
  opacity: 0;
  animation: pulseWave 4s linear infinite;
}
.wave.w1 { animation-delay: 0s; }
.wave.w2 { animation-delay: 1.3s; border-color: rgba(247, 2, 114, 0.3); }
.wave.w3 { animation-delay: 2.6s; }

@keyframes pulseWave {
  0% { width: 30%; height: 30%; opacity: 0.8; border-width: 2px; }
  100% { width: 100%; height: 100%; opacity: 0; border-width: 1px; }
}

.cube-real-logo {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px; 
}
.cube-real-logo img {
  width: clamp(105px, 28vw, 182px); /* Küçüldü */
  max-width: 90%;
  height: auto;
  object-fit: contain;
  filter:
    drop-shadow(0 0 25px rgba(247,2,114,.3))
    drop-shadow(0 0 40px rgba(24,199,209,.2))
    drop-shadow(0 10px 20px rgba(0,0,0,.6));
  animation: floatLogo 4s ease-in-out infinite; 
}

@keyframes floatLogo {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

.premium-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(10, 15, 30, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 6px 18px;
  border-radius: 100px;
  font-size: 11px;
  letter-spacing: 4px;
  color: #fff;
  font-weight: 600;
  box-shadow: 0 4px 15px rgba(0,0,0,0.5), inset 0 0 10px rgba(24,199,209,0.2);
  backdrop-filter: blur(8px);
}
.badge-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--pink); box-shadow: 0 0 8px var(--pink);
  animation: blink 2s ease infinite; 
}

.sparks { position: absolute; inset: 0; pointer-events: none; }
.spark {
  position: absolute;
  width: 3px; height: 3px; border-radius: 50%;
  background: var(--teal); box-shadow: 0 0 6px var(--teal);
  bottom: -10px;
  animation: floatUp 5s linear infinite;
}
.spark.s1 { left: 30%; animation-duration: 4s; }
.spark.s2 { left: 70%; background: var(--pink); box-shadow: 0 0 6px var(--pink); animation-duration: 5.5s; animation-delay: 1s; }
.spark.s3 { left: 50%; animation-duration: 4.5s; animation-delay: 2s; }

@keyframes floatUp {
  0% { transform: translateY(0) scale(1); opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  100% { transform: translateY(-280px) scale(0); opacity: 0; }
}

/* SOL YÜZ: 21+ BORSA */
.face-left{
  display:flex; align-items:center; justify-content:center;
  background:
    radial-gradient(circle at 74% 26%,rgba(255,255,255,.08),transparent 34%),
    linear-gradient(160deg,#253654 0%,#1a2741 40%,#0f1a2d 78%,#0a1322 100%) !important;
}
.ex-floating{
  position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:1;
}
.face-left-content{
  position:relative; z-index:3;
  width:100%;height:100%; display:flex;align-items:center;justify-content:center;flex-direction:column;
  text-align:center; padding:20px;
}
.fl-num{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:clamp(26px, 7vw, 53px); /* Küçüldü */
  font-weight:800; line-height:.95;
  background:linear-gradient(135deg, var(--pink) 0%, var(--teal) 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text; color:transparent;
  filter:drop-shadow(0 0 25px rgba(24,199,209,.25)); letter-spacing:-2px;
}
.fl-label{
  margin-top:8px; font-size:15px; letter-spacing:5px;
  text-transform:uppercase; color:#a0afc4; font-weight:600;
}
.fl-bar{
  margin-top:14px; width:60px; height:3px;border-radius:999px;
  background:linear-gradient(90deg,var(--pink),var(--teal));
  box-shadow:0 0 12px rgba(24,199,209,.4);
}
.ex-coin {
  position:absolute; left:0; top:0;
  display:flex; align-items:center; justify-content:center;
  will-change:transform; pointer-events:none;
  filter: drop-shadow(0 6px 10px rgba(0,0,0,0.6)); 
}
.ex-coin img { width: 100%; height: 100%; object-fit: contain; opacity: 1; }

.face-top{
  background:
    linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.02)),
    linear-gradient(160deg,#2b3b5a 0%,#1b2945 50%,#101b2f 100%);
}
.face-bottom{
  background:
    linear-gradient(160deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),
    linear-gradient(160deg,#111927 0%,#0e1624 55%,#09121d 100%);
}

/* SECTIONS */
.features,.pricing{
  position:relative;z-index:1;
  max-width:1440px;margin:0 auto;padding:0 64px;
}
.features{padding-top:10px}
.pricing{padding-top:90px}

.sl-label{
  font-size:11px;text-transform:uppercase;letter-spacing:2px;
  color:var(--pink);font-weight:700;margin-bottom:12px;
}
.sl-title{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:clamp(24px,2.5vw,36px);font-weight:700;letter-spacing:-.5px;
  margin-bottom:46px;max-width:560px;
}

.feat-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
}
.fc{
  position:relative; background:var(--card);border:1px solid rgba(255,255,255,.05);
  border-radius:16px;padding:24px;overflow:hidden; transition:all .22s ease;
}
.fc:hover{ transform:translateY(-3px); border-color:rgba(24,199,209,.20); }
.fc::before{
  content:''; position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(247,2,114,.05),rgba(24,199,209,.05));
  opacity:0;transition:opacity .22s;
}
.fc:hover::before{opacity:1}
.fi{
  position:relative;z-index:1; width:40px;height:40px;border-radius:12px;
  background:rgba(24,199,209,.10); border:1px solid rgba(24,199,209,.18);
  display:flex;align-items:center;justify-content:center; font-size:17px;margin-bottom:14px;
}
.ft{
  position:relative;z-index:1; font-family:'Plus Jakarta Sans',sans-serif;
  font-size:14px;font-weight:700;margin-bottom:6px;
}
.fd{
  position:relative;z-index:1; font-size:13px;color:var(--muted);line-height:1.65;
}

/* PRICING */
.price-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }
.pc{
  position:relative; background:var(--card);border:1px solid rgba(255,255,255,.05);
  border-radius:18px;padding:30px 24px; transition:all .22s ease;
}
.pc:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.10)}
.pc.feat{
  border-color:rgba(247,2,114,.42);
  background:linear-gradient(160deg,rgba(247,2,114,.05),var(--card));
}
.pc.feat::after{
  content:'EN POPÜLER'; position:absolute;top:-10px;left:50%;transform:translateX(-50%);
  background:var(--pink);color:#fff; font-size:9px;font-weight:700;letter-spacing:1px;
  padding:4px 12px;border-radius:999px; font-family:'Plus Jakarta Sans',sans-serif;
}
.pn{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.pp{ font-family:'Plus Jakarta Sans',sans-serif; font-size:44px;font-weight:800;line-height:1;letter-spacing:-1.5px; }
.pp .pp-unit{font-size:15px;font-weight:700;color:var(--muted);margin-left:8px;letter-spacing:.5px;opacity:.7;vertical-align:baseline}
.pp-sub{margin-top:10px;color:#a7b4c6;font-size:13px}
.pp-period{margin-top:8px;font-size:12px;color:var(--teal2);font-weight:700}
.pl{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:12px}
.pl li{display:flex;align-items:center;gap:10px;color:#cad3df;font-size:13px}
.chk{
  width:18px;height:18px;border-radius:50%;flex:0 0 18px;
  position:relative;background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);
}
.chk.ok{ background:rgba(24,199,209,.14); border-color:rgba(24,199,209,.30); }
.chk.ok::before{
  content:''; position:absolute;left:5px;top:2px;width:5px;height:9px;
  border-right:2px solid var(--teal2); border-bottom:2px solid var(--teal2); transform:rotate(40deg);
}
.pb{
  margin-top:24px; display:inline-flex;align-items:center;justify-content:center;
  width:100%;height:46px;border-radius:11px; text-decoration:none;color:#fff;font-weight:700;
  background:linear-gradient(90deg,var(--pink),var(--pink2)); transition:all .22s ease;
}
.pb:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(247,2,114,.24); }

/* FOOTER */
footer{
  position:relative;z-index:1; max-width:1440px;margin:80px auto 0; padding:26px 64px 40px;
  border-top:1px solid rgba(255,255,255,.05); display:flex;align-items:center;justify-content:space-between;gap:20px;
  color:var(--muted);font-size:13px;
}
.logo-f{display:flex;align-items:center}
.footer-site-logo{ display:block; height:34px; width:auto; max-width:220px; object-fit:contain; }

/* METALİK ÇARK & MORPH ANİMASYONU */
.gear-morph-box {
  position: relative; width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle at 50% 50%, rgba(24,199,209,0.05), transparent 60%);
}
.gear-wrapper {
  position: absolute;
  width: clamp(90px, 20vw, 126px); /* Küçüldü */
  height: clamp(90px, 20vw, 126px); 
  animation: morphGear 10s infinite ease-in-out;
}
.gear-svg { width: 100%; height: 100%; animation: spinGear 6s infinite linear; }
.morph-text-box {
  position: absolute; text-align: center; opacity: 0; transform: scale(0.4); filter: blur(10px);
  animation: morphText 10s infinite ease-in-out;
}
.mt-top {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(36px, 10vw, 60px); /* Küçüldü */
  font-weight: 800; line-height: 1; letter-spacing: -3px; color: #fff;
  text-shadow: 0 0 20px rgba(255,255,255,0.4); margin-bottom: 4px;
}
.mt-bottom {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13px; letter-spacing: 4px; text-transform: uppercase;
  color: rgba(255,255,255,.5); font-weight: 600;
}

@keyframes spinGear { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes morphGear {
  0%  { opacity: 1; transform: scale(1); filter: blur(0px); }
  15% { opacity: 1; transform: scale(1.35); filter: blur(0px); } 
  30% { opacity: 1; transform: scale(1); filter: blur(0px); }    
  40%, 85% { opacity: 0; transform: scale(0.2); filter: blur(20px); } 
  95%, 100% { opacity: 1; transform: scale(1); filter: blur(0px); }
}
@keyframes morphText {
  0%, 30% { opacity: 0; transform: scale(0.4); filter: blur(15px); }
  40%, 85% { opacity: 1; transform: scale(1); filter: blur(0px); } 
  95%, 100% { opacity: 0; transform: scale(1.5); filter: blur(15px); }
}


/* --- YENİLENMİŞ MOBİL UYUM (RESPONSIVE) --- */
@media (max-width:1180px){
  nav{padding:16px 24px}
  .hero,.features,.pricing,footer{padding-left:24px;padding-right:24px}
  .cube-section{padding:100px 24px;gap:44px}
}

@media (max-width:1024px){
  nav ul{display:none}
  .hero{flex-direction:column;align-items:flex-start;min-height:auto}
  .feat-grid,.price-grid{grid-template-columns:1fr}
  .cube-section{flex-direction:column;align-items:flex-start}
}

@media (max-width:768px){
  nav{padding:14px 16px;gap:12px}
  .site-logo{height:30px;max-width:170px}
  .nav-actions{gap:8px}
  .nav-online,.nav-cta{padding:8px 12px;font-size:12px}

  .hero{padding:100px 16px 56px;gap:30px}
  .hero-actions{flex-direction:column;width:100%}
  .btn-p,.btn-s{width:100%;text-align:center}
  .stats{gap:24px;flex-wrap:wrap}

  .cube-section{padding:84px 16px;gap:26px}
  
  /* Tablet Modu (Küp 210x210 iniyor) */
  .cube-wrap{width:210px;height:210px}
  .face{border-radius:0}
  .face-front{transform:translateZ(105px)}
  .face-back{transform:rotateY(180deg) translateZ(105px)}
  .face-right{transform:rotateY(90deg) translateZ(105px)}
  .face-left{transform:rotateY(-90deg) translateZ(105px)}
  .face-top{transform:rotateX(90deg) translateZ(105px)}
  .face-bottom{transform:rotateX(-90deg) translateZ(105px)}

  .pc{padding: 24px 16px;}
  .pp{font-size: 36px;}

  .features,.pricing{padding-left:16px;padding-right:16px}
  footer{padding:22px 16px 30px;flex-direction:column;align-items:flex-start}
}

@media (max-width:480px){
  /* ONLINE ISLEMLER BUTONU ARTIK GIZLENMIYOR, SIGACAK KADAR KUCULTULDU */
  .site-logo { max-width: 120px; height: 26px; }
  nav { padding: 12px 12px; gap: 8px; }
  .nav-actions { gap: 6px; }
  .nav-online, .nav-cta { padding: 6px 8px; font-size: 11px; }
  
  .phone-scene { transform: scale(0.9) rotateY(-18deg) rotateX(4deg); }
  .phone-scene:hover { transform: scale(0.9) rotateY(-8deg) rotateX(2deg); }
  
  /* Nano Mobil Cihazlar (Küp 196x196 iniyor) */
  .cube-wrap { width: 196px; height: 196px; }
  .face-front { transform: translateZ(98px); }
  .face-back { transform: rotateY(180deg) translateZ(98px); }
  .face-right { transform: rotateY(90deg) translateZ(98px); }
  .face-left { transform: rotateY(-90deg) translateZ(98px); }
  .face-top { transform: rotateX(90deg) translateZ(98px); }
  .face-bottom { transform: rotateX(-90deg) translateZ(98px); }
}
/* ═══ BBX Ortak Header ek stiller (bbx-header.js ile kullanilir) ═══ */
.nav-username{display:flex;align-items:center;gap:7px;background:rgba(24,199,209,.1);border:1px solid rgba(24,199,209,.2);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--teal2);text-decoration:none;transition:all .2s}
.nav-username:hover{background:rgba(24,199,209,.16);border-color:rgba(24,199,209,.3)}
.nav-username .udot{width:6px;height:6px;border-radius:50%;background:#4cd97b;animation:blink 2s ease infinite;flex-shrink:0}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.45}}
.nav-logout{background:rgba(247,2,114,.08);border:1px solid rgba(247,2,114,.2);color:var(--pink);padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:'Outfit',sans-serif}
.nav-logout:hover{background:rgba(247,2,114,.15)}

/* Tablet (<=1024): ortadaki linkler gizlenmis, sadece sag aksiyonlar kaliyor */
@media(max-width:1024px){
  nav ul{display:none}
}
/* Mobil (<=768): username rozetinde nokta gizle, padding kisalt */
@media(max-width:768px){
  .nav-username .udot{display:none}
  .nav-username{font-size:12px;padding:6px 10px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .nav-logout{font-size:12px;padding:6px 10px}
}
/* Kucuk mobil (<=480): username kismini gizle, sadece "Online Islemler" kalsin */
@media(max-width:480px){
  .uname-text{display:none}
}
/* ═══ Mobil Nav sikastirma (deger-gosterge sorunu duzeltmesi) ═══ */
@media(max-width:480px){
  nav{padding:10px 10px;gap:6px}
  .site-logo{max-width:100px;height:24px}
  .nav-username{font-size:11px;padding:5px 8px;max-width:none}
  .nav-cta{font-size:11px;padding:5px 10px}
  .nav-logout{font-size:11px;padding:5px 8px}
  .nav-actions{gap:5px}
}
@media(max-width:390px){
  /* Cok dar ekran: Cikis butonunu gizle. Kullanici panelden cikabilir. */
  .nav-logout{display:none}
  .site-logo{max-width:88px;height:22px}
}

/* ═══ Cikis butonunu cok kucuk ekranda ikon yap ═══ */
@media(max-width:420px){
  .nav-logout{font-size:0;padding:6px 9px;line-height:0}
  .nav-logout::before{content:"⏻";font-size:14px;line-height:1}
}
/* 390 altinda tamamen gizleme kuralini kaldir (yukaridaki ikon zaten kucuk) */
@media(max-width:390px){
  .nav-logout{display:inline-flex}
}

/* Cikis butonu ikon override: onceki kurallari ez */
@media(max-width:420px){
  .nav-logout{
    font-size:0 !important;
    padding:6px 10px !important;
    width:auto !important;
    line-height:1 !important;
    position:relative;
  }
  .nav-logout::before{
    content:"⏻";
    font-size:15px !important;
    line-height:1 !important;
    display:inline-block;
    color:var(--pink);
  }
}

/* Override: Cikis butonu SVG ikonu (tum cihazlarda render eder) */
@media(max-width:420px){
  .nav-logout{
    font-size:0 !important;
    padding:0 !important;
    width:34px !important;
    height:34px !important;
    line-height:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f70272' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/><polyline points='16 17 21 12 16 7'/><line x1='21' y1='12' x2='9' y2='12'/></svg>") !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:16px 16px !important;
    background-color:rgba(247,2,114,.08) !important;
  }
  .nav-logout::before{content:none !important}
}
/* ═══════════════════════════════════════════════════════════════
   BBX — Footer stilleri (bbx-footer.js ile kullanilir)
   Bu blok style.css'in sonuna eklenir.
   ═══════════════════════════════════════════════════════════════ */

/* Eski index.html footer'ini gizle (eger kaldiysa) */
footer:not(.bbx-footer){display:none !important}

.bbx-footer{
  position:relative;
  z-index:1;
  margin-top:80px;
  background:rgba(6,9,14,.85);
  border-top:1px solid rgba(24,199,209,.12);
  backdrop-filter:blur(18px);
  padding:54px 32px 28px;
}
.bbx-footer-main{
  max-width:1200px;
  margin:0 auto 36px;
  display:grid;
  grid-template-columns:1.1fr 2fr;
  gap:52px;
}
.bbx-footer-brand{max-width:340px}
.bbx-footer-logo-link{display:inline-block;margin-bottom:14px}
.bbx-footer-logo{
  display:block;
  height:34px;
  width:auto;
  max-width:180px;
  filter:drop-shadow(0 2px 12px rgba(24,199,209,.2));
}
.bbx-footer-tagline{
  font-size:14px;
  color:var(--muted);
  line-height:1.65;
}
.bbx-footer-cols{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}
.bbx-footer-col h4{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:13px;
  font-weight:800;
  color:var(--teal2);
  text-transform:uppercase;
  letter-spacing:.7px;
  margin-bottom:16px;
}
.bbx-footer-col ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.bbx-footer-col ul li{list-style:none}
.bbx-footer-col ul li a{
  font-size:14px;
  color:var(--muted);
  text-decoration:none;
  transition:color .2s;
}
.bbx-footer-col ul li a:hover{color:var(--text)}
.bbx-footer-warn{
  max-width:1200px;
  margin:0 auto 24px;
  padding:14px 18px;
  background:rgba(247,2,114,.06);
  border:1px solid rgba(247,2,114,.18);
  border-radius:12px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}
.bbx-footer-warn svg{
  color:#f70272;
  flex-shrink:0;
  margin-top:2px;
}
.bbx-footer-warn b{color:var(--text);font-weight:600}
.bbx-footer-bottom{
  max-width:1200px;
  margin:0 auto;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.05);
  text-align:center;
  font-size:13px;
  color:var(--muted);
}
.bbx-footer-bottom a{color:var(--teal2);text-decoration:none}
.bbx-footer-bottom a:hover{text-decoration:underline}

@media(max-width:900px){
  .bbx-footer-main{grid-template-columns:1fr;gap:32px}
}
@media(max-width:600px){
  .bbx-footer{padding:40px 20px 24px;margin-top:50px}
  .bbx-footer-cols{grid-template-columns:1fr 1fr;gap:24px}
  .bbx-footer-col h4{font-size:12px}
  .bbx-footer-col ul li a{font-size:13px}
  .bbx-footer-warn{font-size:12px;padding:12px 14px}
}
@media(max-width:400px){
  .bbx-footer-cols{grid-template-columns:1fr;gap:20px}
}

/* ═══ Footer: yazilari buyut + mobil uyumlu ═══ */
.bbx-footer{padding:60px 32px 32px}
.bbx-footer-tagline{font-size:15.5px !important;line-height:1.7 !important}
.bbx-footer-col h4{font-size:14px !important;margin-bottom:18px !important}
.bbx-footer-col ul{gap:12px !important}
.bbx-footer-col ul li a{font-size:15px !important}
.bbx-footer-bottom{font-size:14px !important;padding-top:24px !important}
.bbx-footer-logo{height:38px !important;max-width:200px !important}

/* Mobil — tek kolon, daha konforlu spacing */
@media(max-width:768px){
  .bbx-footer{padding:44px 22px 28px;margin-top:50px}
  .bbx-footer-main{grid-template-columns:1fr !important;gap:36px !important;margin-bottom:30px !important}
  .bbx-footer-brand{max-width:100%;text-align:center}
  .bbx-footer-logo-link{display:inline-block}
  .bbx-footer-tagline{font-size:15px !important;text-align:center}
  .bbx-footer-cols{grid-template-columns:repeat(3,1fr) !important;gap:18px !important}
  .bbx-footer-col h4{font-size:12px !important;margin-bottom:14px !important}
  .bbx-footer-col ul{gap:10px !important}
  .bbx-footer-col ul li a{font-size:14px !important}
}
@media(max-width:520px){
  .bbx-footer-cols{grid-template-columns:1fr 1fr !important;gap:22px !important}
  .bbx-footer-col:nth-child(3){grid-column:1/-1}
  .bbx-footer-col:nth-child(3) ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
}
@media(max-width:380px){
  .bbx-footer{padding:36px 16px 24px}
  .bbx-footer-cols{grid-template-columns:1fr !important;gap:24px !important}
  .bbx-footer-col:nth-child(3) ul{grid-template-columns:1fr}
}

/* Mobil footer: YASAL kolonu ic 2-col grid'i kaldir, items stacked */
@media(max-width:520px){
  .bbx-footer-col:nth-child(3) ul{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
  }
}

/* Ticker yazilari buyutuldu */
.ticker-wrap{padding:14px 0 !important}
.ti{font-size:15px !important;padding:0 32px !important;gap:9px !important;font-weight:600 !important}
.tn{font-size:14px !important}
.tv{font-size:15px !important;font-weight:700 !important}
.tp{font-size:14px !important;font-weight:700 !important}
.ts{font-size:20px !important}
@media(max-width:600px){
  .ti{font-size:13.5px !important;padding:0 20px !important}
  .tv{font-size:13.5px !important}
  .tp{font-size:12.5px !important}
}

/* ═══ NEWS SECTION (Beat Box Haber tanitimi) ═══ */
.news-sec{position:relative;z-index:1;padding:90px 64px;max-width:1440px;margin:0 auto;overflow:hidden}
.news-wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:center;position:relative}
.news-sec::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(37,163,230,.12) 0%,transparent 60%);top:50%;left:60%;transform:translateY(-50%);pointer-events:none;z-index:0;filter:blur(40px)}
.news-left{position:relative;z-index:1}
.news-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,rgba(37,163,230,.12),rgba(24,199,209,.08));border:1px solid rgba(37,163,230,.3);color:#5dc9f0;font-size:12px;font-weight:800;letter-spacing:.6px;margin-bottom:24px}
.news-pulse{width:8px;height:8px;border-radius:50%;background:#25a3e6;box-shadow:0 0 0 0 rgba(37,163,230,.6);animation:newsPulse 1.8s ease-in-out infinite}
@keyframes newsPulse{0%{box-shadow:0 0 0 0 rgba(37,163,230,.6)}100%{box-shadow:0 0 0 12px rgba(37,163,230,0)}}
.news-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(32px,4.5vw,48px);font-weight:800;letter-spacing:-1.2px;line-height:1.1;margin-bottom:18px;color:#eef2f7}
.news-title .gr{background:linear-gradient(90deg,#25a3e6 0%,#18c7d1 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.news-desc{font-size:17px;line-height:1.7;color:rgba(255,255,255,.72);margin-bottom:32px;max-width:520px}
.news-desc b{color:#eef2f7;font-weight:600}
.news-stats{display:flex;gap:38px;margin-bottom:36px;padding:20px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.ns{display:flex;flex-direction:column;gap:2px}
.nsv{font-family:'Plus Jakarta Sans',sans-serif;font-size:26px;font-weight:800;background:linear-gradient(90deg,#25a3e6,#18c7d1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}
.nsl{font-size:13px;color:rgba(255,255,255,.55);font-weight:500}
.news-cta{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;border-radius:12px;background:linear-gradient(135deg,#25a3e6 0%,#18c7d1 100%);color:#fff;font-weight:700;font-size:15.5px;text-decoration:none;transition:all .25s;box-shadow:0 8px 28px rgba(37,163,230,.35);font-family:'Outfit',sans-serif}
.news-cta:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(37,163,230,.45)}
.news-cta svg{transition:transform .25s}
.news-cta:hover svg{transform:scale(1.1) rotate(-8deg)}
.news-sub-info{font-size:13px;color:rgba(255,255,255,.4);margin-top:14px;font-weight:500}
.news-right{position:relative;z-index:1;display:flex;justify-content:center;align-items:center}
.news-phone{width:100%;max-width:420px;background:linear-gradient(180deg,#0e1626 0%,#0a1220 100%);border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 60px rgba(37,163,230,.08);position:relative}
.news-phone::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(37,163,230,.04) 0%,transparent 50%);pointer-events:none}
.news-phone-header{padding:18px 20px;background:rgba(13,22,38,.85);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:12px;backdrop-filter:blur(8px)}
.news-phone-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#25a3e6,#18c7d1);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(37,163,230,.4);flex-shrink:0}
.news-phone-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:700;color:#eef2f7;line-height:1.2}
.news-phone-sub{font-size:12px;color:rgba(255,255,255,.45);margin-top:3px;display:flex;align-items:center;gap:6px}
.live-dot{width:7px;height:7px;border-radius:50%;background:#4cd97b;animation:liveDot 1.6s ease-in-out infinite}
@keyframes liveDot{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(76,217,123,.6)}50%{opacity:.7;box-shadow:0 0 0 6px rgba(76,217,123,0)}}
.news-feed{padding:16px;min-height:340px;max-height:340px;display:flex;flex-direction:column;gap:10px;overflow:hidden;position:relative;mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 100%)}
.news-item{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px 16px;position:relative;animation:newsSlideIn .5s cubic-bezier(.22,1,.36,1) both;flex-shrink:0}
.news-item.highlight{border-color:rgba(37,163,230,.35);background:linear-gradient(135deg,rgba(37,163,230,.08),rgba(24,199,209,.04))}
.news-item-author{font-size:13px;font-weight:700;color:#25a3e6;margin-bottom:4px;display:flex;align-items:center;gap:6px}
.news-item-author::after{content:'📰';font-size:11px}
.news-item-text{font-size:13.5px;color:#c8d1de;line-height:1.55}
.news-item-text .coin{color:#18c7d1;font-weight:700}
.news-item-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:11px;color:rgba(255,255,255,.35)}
.news-item-time{font-weight:500}
.news-item-views{display:flex;align-items:center;gap:4px}
@keyframes newsSlideIn{0%{opacity:0;transform:translateY(20px) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:900px){.news-sec{padding:60px 24px}.news-wrap{grid-template-columns:1fr;gap:44px}.news-right{order:2}.news-phone{max-width:380px}}
@media(max-width:600px){.news-sec{padding:50px 18px}.news-title{font-size:32px}.news-desc{font-size:15.5px}.news-stats{gap:22px;flex-wrap:wrap}.nsv{font-size:22px}.news-cta{width:100%;justify-content:center}}

/* ═══ NEWS SECTION — KIRMIZI TEMA OVERRIDE ═══ */
.news-sec::before{background:radial-gradient(circle,rgba(230,57,70,.14) 0%,transparent 60%) !important}
.news-badge{background:linear-gradient(135deg,rgba(230,57,70,.14),rgba(247,2,114,.08)) !important;border-color:rgba(230,57,70,.35) !important;color:#ff6b7a !important}
.news-pulse{background:#e63946 !important;box-shadow:0 0 0 0 rgba(230,57,70,.6) !important;animation:newsPulseRed 1.8s ease-in-out infinite !important}
@keyframes newsPulseRed{0%{box-shadow:0 0 0 0 rgba(230,57,70,.6)}100%{box-shadow:0 0 0 12px rgba(230,57,70,0)}}
.news-title .gr{background:linear-gradient(90deg,#e63946 0%,#ff6b7a 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important}
.nsv{background:linear-gradient(90deg,#e63946,#ff6b7a) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important}
.news-cta{background:linear-gradient(135deg,#e63946 0%,#ff4d6d 100%) !important;box-shadow:0 8px 28px rgba(230,57,70,.4) !important}
.news-cta:hover{box-shadow:0 12px 36px rgba(230,57,70,.55) !important}

.news-phone{box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 60px rgba(230,57,70,.1) !important}
.news-phone::before{background:linear-gradient(135deg,rgba(230,57,70,.05) 0%,transparent 50%) !important}
.news-phone-avatar{background:#0a1220 !important;padding:0 !important;overflow:hidden}
.news-phone-avatar img{width:100%;height:100%;object-fit:cover;display:block}

.news-item.highlight{border-color:rgba(230,57,70,.35) !important;background:linear-gradient(135deg,rgba(230,57,70,.08),rgba(255,77,109,.04)) !important}
.news-item-author{color:#ff6b7a !important}
.news-item-text .coin{color:#ff6b7a !important}

/* Stats'i tamamen gizle (HTML'de silinmediyse yedek) */
.news-stats{display:none !important}

/* ═══ NEWS SECTION — BOSLUK DUZELTME + CANLI ANIMASYONLAR ═══ */
.news-sec{padding:64px 64px !important}
@media(max-width:900px){.news-sec{padding:48px 24px !important}}
@media(max-width:600px){.news-sec{padding:36px 18px !important}}

/* Gradient flow on "önce sen" */
.news-title .gr{
  background:linear-gradient(90deg,#e63946 0%,#ff6b7a 30%,#ffb4bc 50%,#ff6b7a 70%,#e63946 100%) !important;
  background-size:200% 100% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  animation:newsGradFlow 3.5s linear infinite !important;
}
@keyframes newsGradFlow{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* Rotator satiri */
.news-rotator{
  display:flex;align-items:center;gap:12px;margin-top:6px;margin-bottom:32px;
  padding:14px 18px;border-radius:12px;
  background:rgba(230,57,70,.05);border:1px solid rgba(230,57,70,.15);
  max-width:520px;flex-wrap:nowrap;overflow:hidden
}
.news-rotator-label{font-size:13px;color:rgba(255,255,255,.5);font-weight:600;white-space:nowrap;flex-shrink:0}
.news-rotator-arrow{color:#e63946;font-weight:700;flex-shrink:0}
.news-rotator-stage{
  flex:1;min-width:0;height:22px;position:relative;overflow:hidden;
}
.nrw{
  position:absolute;left:0;top:0;width:100%;
  font-size:14.5px;font-weight:700;color:#ff6b7a;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  opacity:0;transform:translateY(100%);
  transition:opacity .45s ease, transform .45s cubic-bezier(.22,1,.36,1);
}
.nrw.active{opacity:1;transform:translateY(0)}
.nrw.out{opacity:0;transform:translateY(-100%)}

/* CTA butonuna sürekli hafif glow pulse */
.news-cta{
  position:relative;overflow:hidden;
  animation:newsCtaGlow 2.8s ease-in-out infinite !important;
}
@keyframes newsCtaGlow{
  0%,100%{box-shadow:0 8px 28px rgba(230,57,70,.4)}
  50%{box-shadow:0 8px 28px rgba(230,57,70,.45), 0 0 0 6px rgba(230,57,70,.08), 0 0 50px rgba(230,57,70,.3)}
}
.news-cta::after{
  content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  animation:newsCtaShine 3.2s ease-in-out infinite;
}
@keyframes newsCtaShine{
  0%{left:-100%}60%,100%{left:100%}
}

@media(max-width:600px){
  .news-rotator{font-size:13px;padding:12px 14px}
  .nrw{font-size:13.5px}
}

/* News section alt bosluk duzelt (fiyatlar ile ayni mesafe icin) */
.news-sec{padding-bottom:40px !important}
@media(max-width:900px){.news-sec{padding-bottom:30px !important}}

/* ═══ LIVE PANEL SECTION (Canli Panel tanitimi) ═══ */
.live-sec{position:relative;z-index:1;padding:64px 64px 80px;max-width:1440px;margin:0 auto;overflow:hidden}
.live-wrap{display:grid;grid-template-columns:1fr 1.02fr;gap:72px;align-items:center;position:relative}
.live-sec::before{content:'';position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(24,199,209,.12) 0%,transparent 60%);top:50%;left:-10%;transform:translateY(-50%);pointer-events:none;z-index:0;filter:blur(50px)}

/* SOL: Dashboard mockup */
.live-left{position:relative;z-index:1;display:flex;justify-content:center;align-items:center}
.live-dashboard{width:100%;max-width:560px;background:linear-gradient(180deg,#0c1220 0%,#070b15 100%);border:1px solid rgba(24,199,209,.12);border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 80px rgba(24,199,209,.08);position:relative}
.live-dashboard::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#18c7d1,#f70272,transparent);opacity:.6}
.live-dash-header{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;background:rgba(13,18,32,.7);border-bottom:1px solid rgba(255,255,255,.05)}
.live-dash-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:800;color:#eef2f7}
.live-dash-live{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);color:#34d399;font-size:11px;font-weight:800;letter-spacing:.7px}
.live-pulse-sm{width:7px;height:7px;border-radius:50%;background:#10b981;animation:livePulseSm 1.6s ease-in-out infinite}
@keyframes livePulseSm{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,.55)}50%{opacity:.65;box-shadow:0 0 0 5px rgba(16,185,129,0)}}
.live-dash-tabs{display:flex;gap:6px;padding:12px 22px;background:rgba(255,255,255,.01);border-bottom:1px solid rgba(255,255,255,.04);flex-wrap:wrap}
.ldtab{padding:5px 12px;border-radius:7px;font-size:12px;font-weight:700;color:rgba(255,255,255,.45);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05)}
.ldtab.active{color:#fff;background:linear-gradient(135deg,#9333ea,#a855f7);border-color:transparent;box-shadow:0 4px 12px rgba(147,51,234,.35)}
.live-dash-cols{display:grid;grid-template-columns:1.2fr 1.3fr 1.3fr .8fr;gap:10px;padding:12px 22px;font-size:10.5px;font-weight:800;color:rgba(255,255,255,.35);letter-spacing:.7px;border-bottom:1px solid rgba(255,255,255,.04);background:rgba(255,255,255,.01)}
.live-dash-rows{padding:8px 0}
.ldrow{display:grid;grid-template-columns:1.2fr 1.3fr 1.3fr .8fr;gap:10px;padding:11px 22px;align-items:center;font-size:13px;border-bottom:1px solid rgba(255,255,255,.03);animation:ldFade .5s cubic-bezier(.22,1,.36,1) both;transition:background .3s}
.ldrow.new{background:rgba(24,199,209,.06);animation:ldFlash .5s cubic-bezier(.22,1,.36,1) both}
@keyframes ldFade{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
@keyframes ldFlash{0%{opacity:0;transform:translateX(14px);background:rgba(24,199,209,.15)}100%{opacity:1;transform:translateX(0);background:rgba(24,199,209,.06)}}
.ldcoin{font-weight:800;color:#eef2f7;font-size:13px;letter-spacing:.3px}
.ldex{font-size:12.5px;color:#c8d1de;font-weight:600;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ldex .ldtype{font-size:10px;color:rgba(255,255,255,.4);font-weight:500}
.ldpct{font-weight:800;font-size:14px;text-align:right;font-family:'Plus Jakarta Sans',sans-serif}
.ldpct.hi{color:#10b981}
.ldpct.mid{color:#5de3eb}
.ldpct.lo{color:#94a3b8}

/* SAG: Metin + CTA */
.live-right{position:relative;z-index:1}
.live-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,rgba(147,51,234,.12),rgba(24,199,209,.08));border:1px solid rgba(147,51,234,.3);color:#c084fc;font-size:12px;font-weight:800;letter-spacing:.6px;margin-bottom:24px}
.live-badge-dot{width:8px;height:8px;border-radius:50%;background:#a855f7;box-shadow:0 0 0 0 rgba(168,85,247,.6);animation:liveBadgePulse 1.8s ease-in-out infinite}
@keyframes liveBadgePulse{0%{box-shadow:0 0 0 0 rgba(168,85,247,.6)}100%{box-shadow:0 0 0 12px rgba(168,85,247,0)}}
.live-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(32px,4.5vw,48px);font-weight:800;letter-spacing:-1.2px;line-height:1.1;margin-bottom:18px;color:#eef2f7}
.live-title .gr{background:linear-gradient(90deg,#18c7d1 0%,#5de3eb 50%,#18c7d1 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:liveGradFlow 4s linear infinite}
@keyframes liveGradFlow{0%{background-position:200% 0}100%{background-position:-200% 0}}
.live-desc{font-size:17px;line-height:1.7;color:rgba(255,255,255,.72);margin-bottom:28px;max-width:520px}
.live-desc b{color:#eef2f7;font-weight:700}
.live-feats{display:flex;flex-direction:column;gap:14px;margin-bottom:32px}
.live-feat{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .25s}
.live-feat:hover{border-color:rgba(24,199,209,.25);background:rgba(24,199,209,.04)}
.live-feat-ico{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,rgba(24,199,209,.15),rgba(247,2,114,.08));border:1px solid rgba(24,199,209,.2);display:flex;align-items:center;justify-content:center;font-size:16px}
.live-feat b{display:block;color:#eef2f7;font-size:14.5px;font-weight:700;margin-bottom:2px}
.live-feat span{font-size:13px;color:rgba(255,255,255,.55);line-height:1.5}
.live-cta{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:12px;background:linear-gradient(135deg,#9333ea 0%,#c026d3 100%);color:#fff;font-weight:700;font-size:15.5px;text-decoration:none;transition:all .25s;box-shadow:0 8px 28px rgba(147,51,234,.35);font-family:'Outfit',sans-serif;border:none;cursor:pointer;position:relative;overflow:hidden}
.live-cta:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(147,51,234,.45)}
.live-cta svg{transition:transform .25s}
.live-cta:hover svg{transform:scale(1.15) rotate(8deg)}
.live-cta::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:liveCtaShine 3.5s ease-in-out infinite}
@keyframes liveCtaShine{0%{left:-100%}60%,100%{left:100%}}
.live-sub-info{font-size:13px;color:rgba(255,255,255,.4);margin-top:14px;font-weight:500}

@media(max-width:900px){
  .live-sec{padding:48px 24px}
  .live-wrap{grid-template-columns:1fr;gap:44px}
  .live-left{order:2}
  .live-dashboard{max-width:100%}
}
@media(max-width:600px){
  .live-sec{padding:36px 18px}
  .live-title{font-size:30px}
  .live-desc{font-size:15.5px}
  .live-cta{width:100%;justify-content:center}
  .live-dash-cols,.ldrow{grid-template-columns:.9fr 1fr 1fr .7fr;padding-left:16px;padding-right:16px;gap:8px;font-size:12px}
  .ldcoin{font-size:12px}
  .ldex{font-size:11.5px}
  .ldpct{font-size:13px}
  .live-dash-tabs{padding:10px 16px}
}

/* ═══ SERVISLER kartlari: yazilari buyut ═══ */
.feat-card h3, .feat-card .feat-title{font-size:20px !important;font-weight:700 !important;margin-bottom:10px !important}
.feat-card p, .feat-card .feat-desc{font-size:15.5px !important;line-height:1.65 !important}
.feat-card{padding:28px 26px !important}
.feat-icon, .feat-card .icon{width:52px !important;height:52px !important;margin-bottom:16px !important}

/* Section basligi */
.sl-title{font-size:clamp(32px,4.5vw,46px) !important;line-height:1.2 !important}
.sl-label{font-size:13.5px !important}

@media(max-width:600px){
  .feat-card h3, .feat-card .feat-title{font-size:18px !important}
  .feat-card p, .feat-card .feat-desc{font-size:14.5px !important}
}

/* ═══ Servisler kartlari (gercek class'lar: .fc/.fi/.ft/.fd) ═══ */
.fc{padding:30px 28px !important}
.ft{font-size:21px !important;font-weight:700 !important;margin-bottom:12px !important;line-height:1.25 !important}
.fd{font-size:16px !important;line-height:1.65 !important}
.fi{width:56px !important;height:56px !important;font-size:26px !important;margin-bottom:18px !important}

@media(max-width:600px){
  .fc{padding:24px 22px !important}
  .ft{font-size:19px !important}
  .fd{font-size:15px !important}
}

/* Live-feat kartlari yazilari buyut */
.live-feat{padding:18px 20px !important;gap:16px !important}
.live-feat-ico{width:42px !important;height:42px !important;font-size:19px !important}
.live-feat b{font-size:16.5px !important;margin-bottom:4px !important}
.live-feat span{font-size:14.5px !important;line-height:1.55 !important}

/* Telefon mockup avatar gercek logo icin */
.tg-av{padding:0 !important;overflow:hidden;display:flex !important;align-items:center;justify-content:center}
.tg-av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}

/* Paribu/BTCTurk islem listesi tablosu - yazilari acik yap */
.services-page table tbody td,
body table tbody td{color:#d8dfea !important;opacity:1 !important}
body table tbody td small{color:#8494a7 !important}
body table tbody tr td{color:#d8dfea !important}

/* Admin servis yonetimi tablosu - yazilari buyut */
#svc-catalog-tbody tr td{font-size:14.5px !important;padding:14px 12px !important}
#svc-catalog-tbody tr td[style*="font-size:20px"]{font-size:24px !important}
#svc-catalog-tbody tr td.svc-sort-num{font-size:16px !important}
#svc-catalog-tbody .badge{font-size:12px !important;padding:4px 10px !important}
#svc-catalog-tbody .btn-xs{font-size:12.5px !important;padding:6px 12px !important}
.svc-drag-handle{font-size:18px !important}