/* =========================================================================== legal.css — /privacy, /terms, /support sayfalarinin panel gorunumu --------------------------------------------------------------------------- NEDEN AYRI BIR DOSYA Bu uc sayfa bilerek STATIK HTML olarak birakildi: panel Flutter ile tuvale ciziliyor, yani metinler sayfada yazi olarak bulunmuyor. Magaza inceleme botlari ve arama motorlari o sayfada hicbir metin goremez. Yasal sayfalarin gercek HTML olmasi bu yuzden sart. Ama gorunumleri panelle ayni olsun istendi. Cozum: HTML'e HIC dokunulmadi (yasal metinler harfiyen ayni kaldi), sadece stil dosyasi degistirildi. Lig SEO sayfalari eski /assets/style.css'i kullanmaya devam ediyor. RENKLER — web_dashboard_page.dart icindeki panel paletiyle birebir: _bg/_panel/_panel2 0xFF020B1F _stroke 0xFF1C2740 _cyan 0xFF29D3E6 _gold 0xFFE9B84A _t1 0xFFEAF0FA _t2 0xFF95A3BC _t3 0xFF5C6B85 =========================================================================== */ :root { --bg: #020B1F; --panel: #071228; --stroke: #1C2740; --cyan: #29D3E6; --gold: #E9B84A; --t1: #EAF0FA; --t2: #95A3BC; --t3: #5C6B85; --maxw: 860px; } *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; background: var(--bg); color: var(--t1); font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; } /* Panelde sayfa acilis animasyonu yok (kullanici kurali). Eski stildeki .reveal siniflari burada bilerek tanimsiz — ogeler dogrudan gorunur. */ a { color: var(--cyan); text-decoration: none; } a:hover { text-decoration: underline; } /* ── Ust bar ─────────────────────────────────────────────────────────── */ nav.top { position: sticky; top: 0; z-index: 20; /* !important gerekli: sayfanin kendi script'i kaydirmada nav'in arka planini satir ici stille SIYAHA cekiyor (eski tasarimin davranisi). Script'teki renk de panel tonuna cevrildi; bu satir ikinci guvence. */ background: var(--panel) !important; border-bottom: 1px solid var(--stroke); } nav.top .container { max-width: var(--maxw); margin: 0 auto; padding: 0 22px; height: 64px; display: flex; align-items: center; gap: 18px; } nav.top .brand { display: flex; align-items: center; gap: 10px; color: var(--t1); font-weight: 800; font-size: 18px; letter-spacing: -0.2px; } nav.top .brand:hover { text-decoration: none; } nav.top .brand img { width: 30px; height: 30px; border-radius: 8px; display: block; } nav.top .links { margin-left: auto; display: flex; align-items: center; gap: 20px; } nav.top .links a { color: var(--t2); font-size: 14px; font-weight: 600; } nav.top .links a:hover { color: var(--t1); text-decoration: none; } nav.top .links a.active { color: var(--cyan); } .lang-toggle { background: transparent; color: var(--t2); border: 1px solid var(--stroke); border-radius: 9px; padding: 5px 11px; font: inherit; font-size: 12px; font-weight: 700; letter-spacing: 0.4px; cursor: pointer; } .lang-toggle:hover { color: var(--t1); border-color: var(--cyan); } /* ── Baslik blogu ────────────────────────────────────────────────────── */ .doc-page-hero { max-width: var(--maxw); margin: 0 auto; padding: 54px 22px 26px; } .eyebrow { display: inline-block; color: var(--cyan); font-size: 11.5px; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; margin-bottom: 14px; } .doc-page-hero h1 { margin: 0 0 10px; font-size: 40px; line-height: 1.15; font-weight: 800; letter-spacing: -0.8px; color: var(--t1); } .doc-page-hero .meta { margin: 0; color: var(--t3); font-size: 14px; } /* ── Govde ───────────────────────────────────────────────────────────── */ .doc-body { max-width: var(--maxw); margin: 0 auto; padding: 8px 22px 80px; } /* Dil bolumleri: yalnizca secili olan gorunur. Bu kural OLMAZSA uc dil birden alt alta cizilir — sayfanin en kritik satiri budur. */ .lang-section { display: none; } .lang-section.active { display: block; } .doc-body h2 { margin: 44px 0 14px; padding-top: 22px; border-top: 1px solid var(--stroke); font-size: 23px; font-weight: 800; letter-spacing: -0.3px; color: var(--t1); } .lang-section > h2:first-child { border-top: 0; padding-top: 0; margin-top: 26px; } .doc-body h3 { margin: 28px 0 10px; font-size: 16.5px; font-weight: 700; color: var(--gold); } .doc-body h5 { margin: 20px 0 8px; font-size: 14px; font-weight: 700; color: var(--t2); text-transform: uppercase; letter-spacing: 0.8px; } .doc-body p { margin: 0 0 14px; color: var(--t2); } .doc-body strong { color: var(--t1); font-weight: 700; } .doc-body em { color: var(--t2); } .doc-body ul, .doc-body ol { margin: 0 0 16px; padding-left: 20px; color: var(--t2); } .doc-body li { margin-bottom: 8px; } .doc-body ul { list-style: none; padding-left: 4px; } .doc-body ul > li { position: relative; padding-left: 18px; } .doc-body ul > li::before { content: ''; position: absolute; left: 2px; top: 11px; width: 5px; height: 5px; border-radius: 50%; background: var(--t3); } /* Vurgulu bilgi kutusu */ .doc-callout { margin: 24px 0; padding: 16px 18px; background: rgba(41, 211, 230, 0.06); border: 1px solid rgba(41, 211, 230, 0.28); border-radius: 12px; color: var(--t2); } .doc-callout p:last-child { margin-bottom: 0; } /* Tablolar (sartlar ve destek sayfalarinda var) */ .doc-body table { width: 100%; border-collapse: collapse; margin: 18px 0 24px; font-size: 14.5px; } .doc-body th, .doc-body td { text-align: left; padding: 11px 12px; border-bottom: 1px solid var(--stroke); color: var(--t2); vertical-align: top; } .doc-body th { color: var(--t3); font-size: 11.5px; font-weight: 800; letter-spacing: 0.9px; text-transform: uppercase; border-bottom-color: var(--stroke); } /* ── Alt bilgi ───────────────────────────────────────────────────────── */ /* Yapisi: