/* hidden niteligi her zaman kazanmali. #anOnizleme'de display:block
bunu eziyor ve bos gorsel kutusu ekranda kaliyordu. */
[hidden] { display: none !important; }
/* ══════════════════════════════════════════════════════════
FZM365 · Fizyonomi Akademisi — ortak stil
Bu dosyayi kullanan sayfalar:
demo-akademi-anasayfa.html
Yeni sayfa eklerken sadece su satir yeterli:
══════════════════════════════════════════════════════════ */
:root {
/* ── YUZEYLER — tek sicak notr aile ── */
--bg: #f6f4f0; /* acik bolum zemini */
--white: #ffffff; /* acik bolum, kart zemini */
--dark: #141c2e; /* koyu bolum zemini */
--dark2: #1b2438; /* komsu koyu bolumleri ayirir */
/* ── ANA ACCENT — sayfadaki TEK baskin renk ──
Tum CTA, etiket, ikon ve vurgular bu ailedendir. */
--orange: #e8581a; /* butonlar, vurgu */
--orange2: #ff7540; /* hover, ikincil vurgu */
--orange3: #ffa47a; /* koyu zeminde okunur ton */
/* ── ANLAM RENKLERI — sadece bilgi tasidiklari yerde ──
Dekoratif amacla KULLANILMAZ. */
--teal: #0d9488; /* "ucretsiz / baslangic" */
--teal2: #2dd4bf; /* ayni anlamin acik tonu */
--gold: #d4901f; /* yildiz derecelendirmesi */
/* ── METIN ── */
--muted: #6f7787; /* ikincil metin */
--line: #e6e2d9; /* cizgi, kenarlik */
/* ── TIPOGRAFI OLCEGI ──
Yazi boyutu her seferinde goz karari secilmez; bu 7 basamaktan
biri secilir. Her basamak bir oncekinden gozle gorulur olcude buyuk. */
--t-xs: 11px; /* etiket, rozet, kucuk meta */
--t-sm: 13px; /* yardimci metin */
--t-base: 15px; /* govde metni */
--t-md: 18px; /* kart basligi */
--t-lg: 22px; /* alt baslik */
--t-xl: 30px; /* bolum basligi */
--t-2xl: 42px; /* sayfa basligi */
/* ── AGIRLIK — uc deger yeter ── */
--w-normal: 400;
--w-medium: 600;
--w-bold: 800;
/* ── KOSE YARICAPI ── */
--r-sm: 8px;
--r-md: 14px;
--r-lg: 20px;
--r-full: 999px;
/* ── BOSLUK ── */
--s-1: 4px;
--s-2: 8px;
--s-3: 12px;
--s-4: 16px;
--s-5: 24px;
--s-6: 32px;
--s-7: 48px;
/* ── SATIR YUKSEKLIGI ── */
--lh-tight: 1.2; /* basliklar */
--lh-base: 1.65; /* govde */
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
/* Site geneli tek yazi ailesi. Her sayfa Google Fonts'tan Plus Jakarta
Sans yukluyor; taban kural sistem fontunda kalinca sayfalarin bir
kismi yanlis fontla aciliyordu. */
font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
background: var(--bg);
color: var(--dark);
font-size: var(--t-base);
line-height: 1.6;
}
/* ── DEMO BANNER ── */
/* ── NAV ── */
/* site ust menusu — SADECE .site-nav, sayfadaki diger