/* Inter — sunucudan (Google Fonts bağlantısı yok, daha hızlı) */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* send.net.tr — Lacivert & Altın tema (tüm sayfalar) */
:root{
  --navy:#0b2545;--navy2:#13315c;--gold:#e0a526;--gold2:#c98f12;
  --bg:#0a1424;--surface:#0f1d33;--surface2:#13243f;--surface3:#182c4b;
  --border:#1f3556;--border2:#2b4570;
  --text:#eef3fa;--muted:#9fb0c8;--muted2:#7d8fa9;
  --accent:#e0a526;--accent2:#f0b93a;
  --green:#4ade80;--red:#f87171;--yellow:#fbbf24;--purple:#a5b4fc;
  --header-bg:#0b2545;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --radius:14px;--radius-lg:20px;
}
html.light{
  --bg:#eef2f6;--surface:#ffffff;--surface2:#f5f7fb;--surface3:#e9eef5;
  --border:#dbe2ec;--border2:#c3cedd;
  --text:#10233f;--muted:#5c6b80;--muted2:#7a879a;
  --accent:#e0a526;--accent2:#c98f12;
  --green:#15803d;--red:#dc2626;--yellow:#b45309;--purple:#4f46e5;
  --header-bg:#0b2545;
}
html,body{font-family:var(--sans)}
body,html.light body{background:var(--bg)!important;overflow-x:hidden}
::selection{background:rgba(224,165,38,.35)}

/* Üst bant */
header{background:var(--navy)!important;border-bottom:0!important;color:#fff;backdrop-filter:none!important}
header .logo,header .logo *{color:#fff}
header .logo{font-family:var(--sans)!important;letter-spacing:-.01em}
header .btn-sm,header .btn-theme,header a.btn-sm{background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important}
header .btn-sm:hover,header .btn-theme:hover{background:rgba(255,255,255,.18)!important}
header .btn-sm.accent{background:var(--gold)!important;color:var(--navy)!important;border-color:var(--gold)!important;font-weight:650}
header .header-user,header #header-name{color:#fff!important}
header .avatar{background:var(--gold)!important;color:var(--navy)!important}
header .session-badge{color:#c7d4e6!important;border-color:rgba(255,255,255,.2)!important;background:transparent!important}

/* Butonlar: altın zemin, lacivert yazı */
.btn-primary,.btn-full,.btn-push,.btn-upsell,.btn-big,.cta{background:var(--gold)!important;color:var(--navy)!important;font-weight:700}
.btn-primary:hover,.btn-full:hover,.btn-push:hover{background:var(--accent2)!important}
.btn-primary:disabled,.btn-full:disabled{opacity:.6}

/* Kartlar */
.card,.result-box,.paste-result,.modal,.feature,.step,.faq-item{border-color:var(--border)!important}
html.light .card,html.light .result-box,html.light .modal{box-shadow:0 10px 28px -16px rgba(11,37,69,.35)}

/* Metin bağlantıları: açık temada lacivert */
html.light main a:not([class*="btn"]),html.light .modal a,html.light footer a{color:var(--navy2)}
.home-more a,.modal-switch a{font-weight:650}

/* Odak */
:focus-visible{outline:3px solid var(--gold)!important;outline-offset:2px}
input:focus,textarea:focus,select:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(224,165,38,.18)}

/* Ana sayfa: lacivert kahraman bandı */
main{position:relative}
.hero{position:relative;isolation:isolate;color:#fff;padding-bottom:6px}
.hero::before{content:"";position:absolute;z-index:-1;left:50%;transform:translateX(-50%);width:100vw;top:-60px;bottom:-28px;
  background:linear-gradient(180deg,var(--navy) 0%,var(--navy2) 100%)}
.hero:has(+ .big-choice)::before{bottom:-84px}
.hero h1{color:#fff!important}
.hero h1 span,.hero-grad{color:var(--gold)!important;-webkit-text-fill-color:var(--gold)!important;background:none!important}
.hero-badge{background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important}
.hero-sub,.hero p{color:#c7d4e6!important}
.hero-sub b{color:#fff}
.big-choice{position:relative}
.big-btn{background:var(--surface)!important;border:2px solid transparent!important;box-shadow:0 14px 30px -16px rgba(11,37,69,.55)}
.big-btn.active{border-color:var(--gold)!important;background:var(--surface)!important;box-shadow:0 14px 30px -16px rgba(11,37,69,.55),0 0 0 4px rgba(224,165,38,.18)!important}
.big-ico{background:var(--gold)!important;color:var(--navy)!important}
#tab-receive .big-ico{background:var(--navy2)!important;color:#fff!important}
html:not(.light) #tab-receive .big-ico{background:#2b4570!important}
.sync-link{background:var(--surface)!important;border:1px solid var(--border)!important}
.sync-link.active{border-color:var(--gold)!important}
.send-mode-tabs{background:var(--surface2)!important;border-color:var(--border)!important}
.send-mode-tab.active{background:var(--navy2)!important;color:#fff!important;border-color:var(--navy2)!important}
html:not(.light) .send-mode-tab.active{background:#2b4570!important}
.file-drop{border-color:var(--border2)!important;background:var(--surface2)!important}
.file-drop:hover,.file-drop.dragover{border-color:var(--gold)!important}
.file-drop-icon{color:var(--navy2)}
.code-display{color:var(--text)!important}
.code-input{border-color:var(--border2)!important}
.badge-green{background:rgba(224,165,38,.15)!important;color:var(--gold2)!important;border-color:rgba(224,165,38,.3)!important}
.next-steps{background:var(--surface2)!important;border:1px solid var(--border)}
.trust-row{list-style:none;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:22px;font-size:.85rem;color:var(--muted)}
.trust-row li{display:flex;align-items:center;gap:6px}
.trust-row svg{width:15px;height:15px;color:var(--navy2)}
html:not(.light) .trust-row svg{color:var(--gold)}
.sync-dot.live{background:var(--gold)!important}

/* Alt bilgi */
footer{background:var(--surface);border-top:1px solid var(--border)!important}

/* İçerik sayfaları (nasıl çalışır, uzantı, iOS, gizlilik): başlık bandı */
.page-band{position:relative;isolation:isolate;color:#fff}
.page-band::before{content:"";position:absolute;z-index:-1;left:50%;transform:translateX(-50%);width:100vw;top:-60px;bottom:-24px;background:linear-gradient(180deg,var(--navy),var(--navy2))}
.page-band h1,.page-band h1 *{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}
.page-band p,.page-band .meta,.page-band .sub,.page-band .hero-sub{color:#c7d4e6!important}

/* ── Üst bar v2 (Seçenek A: kağıt uçak) ── */
header{padding-top:12px!important;padding-bottom:12px!important}
header .logo{display:flex;align-items:center;gap:10px;text-decoration:none}
header .logo-icon{width:34px!important;height:34px!important;border-radius:10px!important;background:none!important;overflow:hidden;flex-shrink:0;box-shadow:0 4px 14px -4px rgba(224,165,38,.55)}
header .logo-icon img{width:100%;height:100%;display:block;border-radius:0!important}
header .logo-word{font-family:var(--sans);font-size:1.18rem;font-weight:800;letter-spacing:-.025em;color:#fff;line-height:1}
header .logo-word span{color:#8fa6c6!important;font-weight:600}
header .logo:hover .logo-word span{color:#f3c35a!important}
.btn-login{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--gold);background:transparent;color:#f3c35a;font:700 .9rem var(--sans);cursor:pointer;transition:background .15s,color .15s}
.btn-login:hover{background:var(--gold);color:var(--navy)}
.btn-login:focus-visible{outline:3px solid rgba(224,165,38,.5);outline-offset:2px}
header .btn-sm,header a.btn-sm{border-radius:999px!important}
header .btn-theme{border-radius:999px!important}
@media (max-width:420px){header .logo-word{font-size:1.06rem}header .logo-icon{width:30px!important;height:30px!important}.btn-login{padding:7px 13px;font-size:.86rem}}

/* ── SEO bilgi bölümü + SSS ── */
.seo-info{max-width:760px;margin:56px auto 8px;padding:0 4px;text-align:left}
.seo-info h2{font-size:clamp(1.25rem,3vw,1.55rem);font-weight:800;letter-spacing:-.02em;color:var(--text);margin:0 0 10px}
.seo-info h2+.faq{margin-top:4px}
.seo-lead{color:var(--muted);font-size:1rem;line-height:1.7;margin-bottom:22px}
.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:44px}
.seo-grid article{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px 18px 16px;border-top:3px solid var(--gold)}
.seo-grid h3{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:6px}
.seo-grid p{font-size:.9rem;color:var(--muted);line-height:1.6}
.seo-grid a{color:var(--navy);font-weight:600}
html:not(.light) .seo-grid a{color:var(--gold)}
.faq{display:flex;flex-direction:column;gap:8px}
.faq details{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:0 18px}
.faq summary{cursor:pointer;list-style:none;padding:15px 28px 15px 0;font-weight:650;color:var(--text);position:relative;font-size:.98rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.3rem;color:var(--gold);font-weight:700}
.faq details[open] summary::after{content:"−"}
.faq details p{color:var(--muted);line-height:1.7;padding:0 0 16px;font-size:.93rem}
@media (max-width:720px){.seo-grid{grid-template-columns:1fr}.seo-info{margin-top:40px}}

/* ── Ortak alt bilgi ── */
.site-foot{text-align:center;padding:28px 18px;border-top:1px solid var(--border);color:var(--muted);font-size:.82rem}
.site-foot .foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:10px}
.site-foot .foot-links a{color:var(--muted);text-decoration:none;margin:0}
.site-foot .foot-links a:hover{color:var(--text);text-decoration:underline}
.site-foot p{color:var(--muted);font-size:.78rem}