/* EkoTV Player — genel web sitesi. Koyu tanitim alani + acik icerik.
   Sinif sozlugu mevcut sayfalarla ayni (landing-*, content-section, hero-*),
   boylece gizlilik/kosullar/cerez sayfalari da ayni gorunumu alir. */
:root{
  --ink:#0d1628; --ink-2:#16233c; --ink-3:#1d2d4a;
  --bg:#f7f8fb; --card:#fff; --border:#e5eaf1; --line:#eef1f6;
  --text:#192638; --text-2:#4a5b73; --muted:#5f6e84;
  --accent:#2b5fdf; --accent-2:#2554c8; --accent-3:#1f48ad; --accent-soft:#edf3ff; --accent-line:#c5d8ff;
  --ok:#34a57b; --ok-soft:#eafaf2;
  --radius:18px; --shadow:0 6px 28px #2337520d; --shadow-lg:0 22px 70px #15294914;
}
*{box-sizing:border-box}
body.landing-body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'Segoe UI',system-ui,Arial,sans-serif;color-scheme:light;-webkit-font-smoothing:antialiased}
.landing-body a{color:var(--accent);text-decoration:none}
.landing-body a:hover{text-decoration:underline}
.landing-body h1,.landing-body h2,.landing-body h3,.landing-body h4,.landing-body p{margin:0}
.landing-body h1{font-size:clamp(28px,4.4vw,46px);line-height:1.18;letter-spacing:-1.2px;font-weight:750}
.landing-body h2{font-size:clamp(22px,2.6vw,30px);line-height:1.25;letter-spacing:-.7px;font-weight:720}
.landing-body h3{font-size:17px;letter-spacing:-.2px;font-weight:680}
.landing-body img{max-width:100%;height:auto}
.landing-body svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.landing-body ul{margin:0;padding-left:20px}
.landing-body li{margin:7px 0}
.landing-body [hidden]{display:none!important}
/* Odak halkasi: beyaz ic + koyu dis. Hem koyu hero hem acik kart uzerinde gorunur. */
.landing-body :focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.landing-body .btn:focus-visible,.landing-body .landing-nav a:focus-visible,.landing-body .landing-footer-v2 a:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 6px #1f3a6e}
.landing-body input:focus-visible,.landing-body textarea:focus-visible,.landing-body select:focus-visible{outline:none}
.landing-shell{max-width:1180px;margin:0 auto;padding:18px 20px 50px}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:20px;top:12px;background:#fff;padding:10px 16px;border-radius:8px;z-index:60}

/* Ust menu */
.landing-header{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--ink);border-radius:16px;padding:14px 20px;box-shadow:var(--shadow);position:sticky;top:14px;z-index:40;flex-wrap:wrap}
.landing-brand{display:flex;align-items:center;gap:12px;min-width:0}
.landing-logo-img{width:42px;height:42px;border-radius:11px;background:#fff1;object-fit:contain}
.landing-eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#8fa6cc;font-weight:650;margin:0}
.brand-text{color:#fff;font-size:17px;font-weight:700;letter-spacing:-.4px;display:block}
.landing-nav{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;margin-left:auto}
.landing-nav::-webkit-scrollbar{display:none}
.landing-nav a{color:#c7d5ec;font-size:13.5px;font-weight:600;padding:9px 13px;border-radius:9px;white-space:nowrap}
.landing-nav a:hover{background:#ffffff14;color:#fff;text-decoration:none}
.landing-nav a.nav-cta{background:var(--accent);color:#fff}
.landing-nav a.nav-cta:hover{background:var(--accent-2)}
.landing-nav a.nav-cta:active{background:var(--accent-3)}
.landing-nav a[aria-current=page]{background:#ffffff1f;color:#fff}

/* Tanitim alani */
.hero-panel{margin-top:18px;background:radial-gradient(1100px 420px at 12% -10%,#25406f 0%,transparent 60%),linear-gradient(145deg,var(--ink) 0%,var(--ink-2) 58%,var(--ink-3) 100%);border-radius:26px;padding:clamp(28px,4vw,54px);color:#fff;box-shadow:var(--shadow-lg);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center}
.hero-panel.single{grid-template-columns:minmax(0,1fr);max-width:none}
.hero-copy{min-width:0}
.hero-copy h1,.hero-panel h1{color:#fff}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:650;letter-spacing:.4px;color:#a9c2ea;background:#ffffff12;border:1px solid #ffffff1f;padding:7px 14px;border-radius:20px;margin-bottom:18px}
.hero-sub{color:#c0cfe6;font-size:16px;margin-top:16px;max-width:62ch}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid #ffffff1f}
.hero-meta div{font-size:13px;color:#a9bdda}
.hero-meta strong{display:block;color:#fff;font-size:20px;font-weight:700;letter-spacing:-.4px}
.hero-cards{display:grid;gap:14px}
.hero-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;padding:18px 20px;backdrop-filter:blur(6px)}
.hero-card span{display:block;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#8fa6cc;font-weight:650}
.hero-card strong{display:block;color:#fff;font-size:16px;margin:6px 0 4px;font-weight:680}
.hero-card p{color:#b3c5dd;font-size:13px;line-height:1.6}

/* Butonlar */
.landing-body .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border:1px solid transparent;border-radius:11px;font-weight:650;font-size:14.5px;transition:.15s;cursor:pointer}
.landing-body .btn:hover{text-decoration:none;transform:translateY(-1px)}
.landing-body .btn-accent,.landing-body .btn-primary{background:var(--accent);color:#fff}
.landing-body .btn-accent:hover,.landing-body .btn-primary:hover{background:var(--accent-2);color:#fff}
.landing-body .btn-accent:active,.landing-body .btn-primary:active{background:var(--accent-3);color:#fff;transform:none}
.landing-body .btn-outline{background:#ffffff1a;color:#fff;border-color:#ffffff52}
.landing-body .btn-outline:hover{background:#ffffff33;color:#fff;border-color:#ffffff7a}
.landing-body .btn-light{background:#fff;color:var(--text);border-color:var(--border)}
.landing-body .btn-light:hover{background:#eef2f9;color:var(--text);border-color:#ccd8ea}
.landing-body .btn-lg{padding:15px 26px;font-size:15.5px}

/* Buton metni her durumda sabit: baglanti rengi kurali butonlari ezmesin */
.landing-body a.btn-accent,.landing-body a.btn-primary,.landing-body a.btn-outline,.landing-body button.btn-accent{color:#fff}
.landing-body a.btn-light{color:var(--text)}

/* Icerik bolumleri */
.content-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(24px,3vw,40px);margin-top:22px}
.content-section>h2+p,.content-section>h2+.text-lead{margin-top:12px}
.section-eyebrow{display:block;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:10px}
.text-lead{color:var(--text-2);font-size:16.5px;max-width:80ch}
.content-section p{color:var(--text-2);margin-top:14px;max-width:82ch}
.content-section h3{margin-top:26px;color:var(--text)}
.content-section h3+p{margin-top:8px}

/* Kart izgaralari */
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:26px}
.landing-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:22px}
.landing-column,.feature-card{background:#fbfcfe;border:1px solid var(--border);border-radius:14px;padding:22px}
.landing-column h3,.feature-card h3{margin-top:0}
.landing-column p,.feature-card p{margin-top:8px;font-size:14.5px}
.feature-card{transition:.15s}
.feature-card:hover{border-color:var(--accent-line);background:#fff;box-shadow:var(--shadow)}
.card-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:14px}

/* Adimlar */
.steps{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;counter-reset:step}
.steps li{counter-increment:step;background:#fbfcfe;border:1px solid var(--border);border-radius:14px;padding:22px;margin:0}
.steps li::before{content:counter(step);display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--ink);color:#fff;font-weight:700;font-size:14px;margin-bottom:13px}
.steps strong{display:block;font-size:15.5px;margin-bottom:6px}
.steps p{font-size:14px;color:var(--text-2);margin:0}

/* SSS */
.faq{margin-top:24px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:18px 40px 18px 0;font-weight:650;font-size:15.5px;color:var(--text);position:relative;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:8px;top:15px;font-size:20px;color:var(--accent);font-weight:600}
.faq details[open] summary::after{content:'–'}
.faq details[open] summary{color:var(--accent)}
.faq p{margin:0 0 20px;color:var(--text-2);font-size:15px;max-width:85ch}

/* Fiyat/paket ve vurgu kutulari */
.highlight{display:flex;gap:14px;align-items:flex-start;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:14px;padding:18px 20px;margin-top:24px;color:#3a5c96;font-size:14.5px;line-height:1.65}
.highlight strong{display:block;color:#27436f;margin-bottom:3px}
.highlight.ok{background:var(--ok-soft);border-color:#ccebdc;color:#2f7d62}
.highlight.ok strong{color:#2a6e56}
.table-wrap{overflow-x:auto;margin-top:24px}
.landing-body table{border-collapse:collapse;width:100%;min-width:520px;font-size:14.5px}
.landing-body th{text-align:left;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);padding:12px 14px;background:#fbfcfe;border-bottom:1px solid var(--border);font-weight:700}
.landing-body td{padding:14px;border-bottom:1px solid var(--line);color:var(--text-2);vertical-align:top}
.landing-body tbody tr:last-child td{border-bottom:0}
.landing-body td strong{color:var(--text)}
.pill{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:650}
.pill.ok{background:var(--ok-soft);color:var(--ok)}

/* Cagri alani */
.cta-panel{background:linear-gradient(140deg,var(--ink) 0%,var(--ink-3) 100%);border-radius:22px;padding:clamp(26px,3.4vw,44px);color:#fff;margin-top:22px;display:flex;gap:26px;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:var(--shadow-lg)}
.cta-panel h2{color:#fff}
.cta-panel p{color:#bdcce4;margin-top:10px;max-width:60ch}
.cta-panel .hero-actions{margin-top:0}

/* Genel sayfalardaki form kartlari (cerez onayi, hesap silme) */
.admin-login-container{margin-top:22px}
.admin-login-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(22px,3vw,34px);max-width:560px}
.admin-login-card h1,.admin-login-card h2{color:var(--text)}
.admin-login-subtitle{color:var(--text-2);font-size:15px;margin-top:10px}
.landing-body label{display:block;font-size:13px;color:var(--text-2);font-weight:600;margin:18px 0 7px}
.landing-body input,.landing-body select,.landing-body textarea{width:100%;background:#fff;border:1px solid #dfe5ee;border-radius:10px;padding:12px 14px;font:inherit;font-size:15px;color:var(--text);outline:none}
.landing-body input:focus,.landing-body textarea:focus{border-color:#80a3fb;box-shadow:0 0 0 3px #356df30d}
.form-group{margin-top:4px}
.form-hint,.landing-body small{display:block;color:var(--muted);font-size:12.5px;margin-top:7px}
.alert{border-radius:12px;padding:14px 16px;font-size:14.5px;margin-top:18px;border:1px solid var(--border);background:#fbfcfe;color:var(--text-2)}
.alert-danger{background:#fff2f3;border-color:#f5d6db;color:#bb5366}
.alert-success{background:var(--ok-soft);border-color:#ccebdc;color:#2f7d62}

/* Playlist kodu ureteci */
.code-output{font:700 clamp(22px,3.4vw,30px)/1.2 Consolas,monospace;letter-spacing:6px;color:var(--text);background:#fff;border:1px dashed var(--accent-line);border-radius:12px;padding:16px 18px;margin-top:12px;text-align:center;word-break:break-all}
.note.ok .code-output{border-color:#9ed9bd}

/* Alt bilgi */
.landing-footer-v2{background:var(--ink);border-radius:22px;color:#b7c7e0;padding:clamp(28px,3vw,40px);margin-top:26px;display:grid;grid-template-columns:minmax(0,1.4fr) repeat(auto-fit,minmax(160px,1fr));gap:30px}
.landing-footer-v2 h3,.landing-footer-v2 h4{color:#fff;font-size:13px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px}
.landing-footer-v2 p{color:#91a5c4;font-size:14px;max-width:42ch}
.landing-footer-v2 a{display:block;color:#b7c7e0;font-size:14px;padding:5px 0}
.landing-footer-v2 a:hover{color:#fff}
.landing-footer-v2 .brand-text{margin-bottom:10px}
.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff1a;padding-top:18px;margin-top:6px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#8298b8}
.legal-page .content-section:first-of-type{margin-top:18px}

@media(max-width:900px){
  .hero-panel{grid-template-columns:minmax(0,1fr);gap:28px}
  .landing-footer-v2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:640px){
  body.landing-body{font-size:15px}
  .landing-shell{padding:12px 14px 36px}
  .landing-header{position:static;padding:12px 14px;gap:12px}
  .landing-nav{width:100%;order:3}
  .hero-panel{padding:26px 20px;border-radius:20px}
  .content-section{padding:22px 18px}
  .landing-footer-v2{grid-template-columns:minmax(0,1fr);padding:26px 20px}
  .btn{width:100%}
  .hero-actions{flex-direction:column;align-items:stretch}
  .cta-panel .hero-actions{width:100%}
}

/* Activation and the future checkout slot. */
.activation-hero{overflow:hidden}
.activation-preview{padding:30px 8px 8px;min-width:0}
.activation-tv{background:linear-gradient(140deg,#172c48,#081322);border:7px solid #283b51;border-radius:20px;box-shadow:0 24px 50px #08132235;color:#fff;transform:perspective(1000px) rotateY(-5deg)}
.activation-tv-top,.activation-tv-bottom{display:flex;justify-content:space-between;gap:10px;padding:16px 18px;font-size:11px;letter-spacing:1px;color:#b6c8e4}
.activation-dot{width:7px;height:7px;background:#6de6ba;border-radius:50%;margin-top:4px}
.activation-tv-content{text-align:center;padding:28px 16px 34px;background:radial-gradient(ellipse at center,#356df32b,transparent 70%)}
.activation-play{display:inline-grid;place-items:center;width:68px;height:68px;background:#356df3;border-radius:20px;font-size:26px;box-shadow:0 0 60px #356df355}
.activation-tv-content p{color:#fff;font-size:20px;font-weight:650;margin:20px 0 8px}
.activation-screen-label{font-size:9px;letter-spacing:3px;color:#91a8c9}
.activation-tv-bottom{border-top:1px solid #ffffff12;font-size:9px}
.activation-stand{height:24px;width:90px;margin:auto;background:linear-gradient(#283b51,#d7e0ec);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}
.activation-mini{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;margin:10px auto 0;width:90%;box-shadow:var(--shadow)}
.activation-mini strong{color:var(--text);font-size:14px}.activation-mini p{font-size:12px;margin:3px 0 0}
.activation-check{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;color:#237451;background:#e9f8f1;border-radius:50%;font-size:20px}
.activation-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.activation-option{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.activation-option h2,.activation-option p{margin:0}.activation-option .btn{margin-top:auto}
.activation-fine{font-size:12px!important;color:var(--muted)}
.payment-preview{background:linear-gradient(135deg,#f8faff,#fff)}
.payment-placeholder{align-self:stretch;display:flex;flex-direction:column;gap:16px;padding:24px;background:linear-gradient(125deg,#e7edf8,#f7f9fd);border:1px dashed #c1cfe4;border-radius:16px;color:#5e7395;font:600 11px/1.5 monospace;letter-spacing:2px}
.payment-placeholder span:nth-child(2){font-size:20px}.payment-placeholder span:last-child{font-size:9px}
.webos-section{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.webos-section .pill{margin-top:20px}
.webos-guide{padding:24px;border-radius:16px;background:#f4f7fc}.webos-guide ol{padding-left:20px}.webos-guide li{padding:8px 0;color:var(--text-2);font-size:14px}
@media(max-width:760px){.activation-grid,.webos-section{grid-template-columns:1fr}.activation-preview{padding-top:0}.activation-tv{transform:none}.activation-grid{gap:0}.activation-option{min-width:0}.activation-tv-content p{font-size:18px}}

.activation-mini p{color:var(--text-2)}
.activation-footer{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr))}
@media(max-width:640px){.activation-footer{grid-template-columns:1fr}}