/* S-E Software — ortak stil Stil yonu: "Modern Dark (Cinema)" — saf siyah YOK, ortam isigi lekeleri, hairline kenarlik, cubic-bezier(.16,1,.3,1) yumusatma, vurgu arkasinda parlama. */ :root{ --bg-deep:#07080C; --bg:#0B0D12; --elev:#12151E; --card:#161A25; --card-2:#1B2030; --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14); --fg:#EDEFF4; --muted:#98A0B4; /* --dim 4.5:1'i HICBIR zeminde gecmiyordu (eski #6B7488 -> 3.46-4.22). #828CA4 olculdu: card-2 4.81, card 5.16, scard 5.42, bg 5.77, footer 5.87. #7C86A0 KULLANMA -- card-2 uzerinde 4.46'da kaliyor. */ --dim:#828CA4; /* Vurgu rengi MARKA LOGOSUNDAN cikarildi (assets/logo.png piksel sayimi): en doygun tonlar #48C0D8 / #30A8C0 / #3090C0 ailesi. Altin vurgu logonun camgobegiyle catistigi icin birakildi (7 Eyl 2026). */ --acc:#3FC3DE; --acc-2:#7AE0F2; --acc-dim:#1D6E88; /* Vurgunun RGB'si: build_site.py'deki blok gradyanlari bunu kullanir. */ --acc-rgb:63,195,222; --glow:rgba(var(--acc-rgb),.24); --on-acc:#04202A; /* Puan yildizi MARKA RENGINDEN bagimsiz altin kalir — App Store ve Play dahil her yerde yerlesik yaklasim bu; camgobegi yildiz "puan" olarak okunmaz. */ --star:#F5B942; /* --warn eskiden --star ile ayni sariydi (dE76 8.5), --down ise --crimson ile BIREBIR ayniydi (dE 0.00): marka rozeti ile kesinti sinyali ayirt edilemiyordu. #F58A2A secildi (#F2994A DEGIL): doteranopide warn<->down ayrimi 22.6 -> 28.1. */ /* --down #E5313F OLCULDU ve elendi: --bg 4.48, --card-2 3.74, durum seridi 4.32 -- hicbiri 4.5:1'i gecmiyor. #FF6070 olculdu: 6.63 / 5.52 / 6.39, --crimson'dan dE 13.7, doteranopide warn<->down ayrimi 28.8 -> 38.6. */ --crimson:#FF4655; --ok:#3FBF7F; --warn:#F58A2A; --down:#FF6070; --r:16px; --r-sm:11px; --r-lg:22px; --ease:cubic-bezier(.16,1,.3,1); --display:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --maxw:1140px; } *{box-sizing:border-box} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%} @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} *,*::before,*::after{animation:none!important;transition:none!important} } body{ margin:0;color:var(--fg);font-family:var(--body);line-height:1.6; -webkit-font-smoothing:antialiased; background:var(--bg); /* Dokunmatikte gri vurgu dikdortgeni yerine kendi :active durumumuz. */ -webkit-tap-highlight-color:transparent; } /* background-attachment:fixed iOS Safari'de CALISMIYOR -- gradyan viewport'a degil belge boyuna yayiliyor, 7.800px'lik ana sayfada lekeler ilk ekranda kayboluyordu. Sabit konumlu ayri katman her tarayicida ayni davranir. */ body::before{ content:"";position:fixed;inset:0;z-index:-1;pointer-events:none; background: radial-gradient(48% 38% at 78% 8%, rgba(var(--acc-rgb),.11), transparent 68%), radial-gradient(42% 34% at 8% 22%, rgba(24,120,168,.14), transparent 70%), linear-gradient(180deg,#0D1017 0%,var(--bg) 42%,var(--bg-deep) 100%); } /* Ince doku. body::before ARKADA (z-index:-1), bu ONDE (z-index:1) olmak zorunda: dokunun isi zemin gradyanini degil, uzerindeki kart ve gorselleri kirmak. header z-index:30, yani serit dokunun ustunde kalir. opacity .04 -- daha yukarisi koyu zeminde gorunur gurultuye donuyor. */ body::after{ content:"";position:fixed;inset:0;z-index:1;pointer-events:none; opacity:.04;mix-blend-mode:overlay; background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") } a{color:inherit} a,button,summary{touch-action:manipulation} .btn:active,.app:active,.scard:active,.flag:active,.soonlead:active{filter:brightness(.94)} img{max-width:100%;display:block} a:focus-visible,button:focus-visible,.shots:focus-visible{outline:2px solid var(--acc);outline-offset:3px} /* Once duz 22px YEDEK: env() desteklenmeyen tarayicida asagidaki padding-inline bildirimi tumuyle GECERSIZ sayilir ve yan bosluk kaybolurdu. */ .wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px; padding-inline:max(22px,env(safe-area-inset-left)) max(22px,env(safe-area-inset-right))} .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} /* ── header ─────────────────────────────────────────── */ /* Saydamlik .72 DEGIL .88: header'in altindan gecen ekran goruntuleri parlak. .72'de bilesik zemin uzerinde --muted metin 3.11:1'e dusuyordu (nav a .92rem ve .langsw .8rem/600 -- ikisi de "buyuk metin" esigi altinda, yani 4.5:1 gerekli). blur() kurtarmiyor: genis beyaz alan blur sonrasi beyaz kalir. .88 olculdu -> 5.53:1. */ header{position:sticky;top:0;z-index:30;background:rgba(11,13,18,.88); backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%); border-bottom:1px solid var(--line)} /* -webkit- bicimi sorguya DAHIL: Safari oneksiz backdrop-filter'i ancak 18'de destekledi. Sadece oneksizi sorgulamak iOS Safari <18'i bu dala dusurup cam efektini birincil mobil hedefte yok ederdi. */ @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ header{background:rgba(11,13,18,.97)} } .hrow{display:flex;align-items:center;justify-content:space-between;height:62px;gap:16px} .brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:var(--display); font-weight:700;letter-spacing:.2px;white-space:nowrap} /* 15. Lacivert disk header zemininden ayirt edilemiyordu (pikselin %92'si 3:1 altinda). Camgobegi halka ayiriyor. filter:brightness EKLEME -- markanin %9.8'ini kirpar; daire sart, kose alfalari 0. */ .brand img{width:28px;height:28px;border-radius:50%;flex:none; box-shadow:0 0 0 1px var(--acc-dim)} nav{display:flex;gap:22px;font-size:.92rem} nav a{color:var(--muted);text-decoration:none;white-space:nowrap;transition:color .2s var(--ease)} nav a:hover{color:var(--fg)} /* 'nav' DEGIL 'header nav': breadcrumb da