Finansal \u00d6zg\u00fcrl\u00fck (FIRE) Yol Haritas\u0131<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #f8fafc; \/* neutral-50 *\/\n }\n .chart-container {\n position: relative;\n width: 100%;\n height: 300px;\n max-height: 400px;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 350px;\n }\n }\n .flow-step {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 1rem;\n border-radius: 0.5rem;\n font-weight: 700;\n min-height: 80px;\n flex-grow: 1;\n }\n .flow-arrow {\n font-size: 2rem;\n color: #d69f7e; \/* accent *\/\n margin: 0.5rem 0;\n transform: rotate(90deg);\n }\n @media (min-width: 1024px) {\n .flow-arrow {\n transform: rotate(0deg);\n margin: 0 1rem;\n }\n }\n .section-title {\n color: #1a535c; \/* primary-dark *\/\n }\n .card {\n background-color: white;\n border-radius: 0.75rem;\n box-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\n padding: 1.5rem;\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n .card h3 {\n color: #4a7c59; \/* secondary *\/\n }\n .btn-primary {\n background-color: #ff6b6b; \/* accent-strong *\/\n color: white;\n font-weight: 700;\n padding: 0.75rem 1.5rem;\n border-radius: 0.5rem;\n transition: background-color 0.3s;\n }\n .btn-primary:hover {\n background-color: #e55a5a;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-700\">\n\n <div class=\"container mx-auto p-4 md:p-8 max-w-7xl\">\n\n <header class=\"text-center my-12 md:my-16\">\n <h1 class=\"text-4xl md:text-6xl font-black text-slate-900 mb-4\">Maa\u015fa Mahkum Olmaktan S\u0131k\u0131ld\u0131n\u0131z m\u0131?<\/h1>\n <p class=\"text-lg md:text-xl text-slate-600 max-w-3xl mx-auto\">Hayallerinizi ertelemekten yorulduysan\u0131z, finansal \u00f6zg\u00fcrl\u00fc\u011f\u00fcn sizin i\u00e7in de bir yolu var. Bu, hayat\u0131n\u0131z\u0131n kontrol\u00fcn\u00fc elinize al\u0131p kendi \u015fartlar\u0131n\u0131zla ya\u015fama sanat\u0131d\u0131r.<\/p>\n <\/header>\n\n <main class=\"space-y-16 md:space-y-24\">\n\n <section id=\"hesapla\" class=\"card md:p-8\">\n <h2 class=\"text-3xl font-bold text-center mb-6 section-title\">Her \u015eey Bir Rakamla Ba\u015flar: Sizin FIRE Hedefiniz Ne?<\/h2>\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-center\">\n <div>\n <p class=\"mb-4 text-slate-600\">Finansal ba\u011f\u0131ms\u0131zl\u0131k, pasif gelirlerinizin ya\u015fam giderlerinizi kar\u015f\u0131lad\u0131\u011f\u0131 noktad\u0131r. Bu hedefe ula\u015fmak i\u00e7in ne kadar birikim yapman\u0131z gerekti\u011fini me\u015fhur “25x Kural\u0131” ile kolayca tahmin edebilirsiniz.<\/p>\n <p class=\"mb-4 text-slate-600\">A\u015fa\u011f\u0131ya, emeklilikte \u00f6ng\u00f6rd\u00fc\u011f\u00fcn\u00fcz <strong>y\u0131ll\u0131k<\/strong> harcama tutar\u0131n\u0131 girin ve sihirli rakam\u0131n\u0131z\u0131 ke\u015ffedin.<\/p>\n <div class=\"bg-slate-100 p-4 rounded-lg\">\n <label for=\"annual-spending\" class=\"block text-sm font-medium text-slate-700\">Tahmini Y\u0131ll\u0131k Harcaman\u0131z (TL)<\/label>\n <input type=\"number\" id=\"annual-spending\" class=\"mt-1 block w-full rounded-md border-slate-300 shadow-sm focus:border-[#4a7c59] focus:ring focus:ring-[#4a7c59] focus:ring-opacity-50 p-3 text-lg\" placeholder=\"\u00d6rn: 480000\">\n <\/div>\n <button id=\"calculate-fire\" class=\"w-full btn-primary mt-4\">HEDEF\u0130M\u0130 HESAPLA<\/button>\n <\/div>\n <div class=\"text-center bg-gradient-to-br from-[#1a535c] to-[#4a7c59] text-white p-8 rounded-lg\">\n <p class=\"text-lg opacity-80\">Finansal Ba\u011f\u0131ms\u0131zl\u0131k Hedefiniz:<\/p>\n <p id=\"fire-number\" class=\"text-5xl md:text-6xl font-black my-2\">12.000.000 TL<\/p>\n <p class=\"text-xs opacity-70 mt-4\">Bu hesaplama, yat\u0131r\u0131m portf\u00f6y\u00fcn\u00fczden y\u0131ll\u0131k %4 \u00e7ekebilece\u011finiz varsay\u0131m\u0131na dayan\u0131r. T\u00fcrkiye’nin y\u00fcksek enflasyon ortam\u0131nda, daha g\u00fcvenli bir plan i\u00e7in y\u0131ll\u0131k %3 (%33x) veya %2.5 (%40x) gibi daha d\u00fc\u015f\u00fck bir \u00e7ekim oran\u0131 ve dolay\u0131s\u0131yla daha y\u00fcksek bir hedef belirlemek ak\u0131ll\u0131ca olabilir.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"yollar\">\n <h2 class=\"text-3xl font-bold text-center mb-8 section-title\">FIRE Yelpazesi: Kendi Yolunuzu Bulun<\/h2>\n <p class=\"text-center text-slate-600 max-w-3xl mx-auto mb-12\">Finansal \u00f6zg\u00fcrl\u00fck tek bir kal\u0131ba s\u0131\u011fmaz. Ya\u015fam tarz\u0131n\u0131za, hedeflerinize ve konfor anlay\u0131\u015f\u0131n\u0131za g\u00f6re farkl\u0131 FIRE t\u00fcrleri bulunur. Gelin bu yollar\u0131 ke\u015ffedelim.<\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n <div class=\"card\">\n <h3 class=\"text-xl font-bold mb-2\">LeanFIRE<\/h3>\n <p class=\"text-sm text-slate-600 flex-grow\">Minimalizmle gelen erken \u00f6zg\u00fcrl\u00fck. D\u00fc\u015f\u00fck giderli bir ya\u015fam tarz\u0131 benimsenerek, en h\u0131zl\u0131 \u015fekilde ba\u011f\u0131ms\u0131zl\u0131\u011fa ula\u015fmak hedeflenir.<\/p>\n <\/div>\n <div class=\"card\">\n <h3 class=\"text-xl font-bold mb-2\">Coast FIRE<\/h3>\n <p class=\"text-sm text-slate-600 flex-grow\">Tohumlar\u0131 erken ekip, meyvelerini beklemek. Belli bir birikime ula\u015ft\u0131ktan sonra, bile\u015fik faizin sizin i\u00e7in \u00e7al\u0131\u015fmas\u0131n\u0131 izlerken sadece ya\u015fam giderleriniz i\u00e7in \u00e7al\u0131\u015f\u0131rs\u0131n\u0131z.<\/p>\n <\/div>\n <div class=\"card\">\n <h3 class=\"text-xl font-bold mb-2\">Barista FIRE<\/h3>\n <p class=\"text-sm text-slate-600 flex-grow\">Yar\u0131 zamanl\u0131 tutku, tam zamanl\u0131 \u00f6zg\u00fcrl\u00fck. Giderlerin bir k\u0131sm\u0131n\u0131 keyif al\u0131nan, daha az stresli bir i\u015ften kar\u015f\u0131layarak birikimlere daha az dokunulur.<\/p>\n <\/div>\n <div class=\"card\">\n <h3 class=\"text-xl font-bold mb-2\">FatFIRE<\/h3>\n <p class=\"text-sm text-slate-600 flex-grow\">Konforlu ve l\u00fcks bir emeklilik. Mevcut veya daha y\u00fcksek bir ya\u015fam standard\u0131n\u0131 s\u00fcrd\u00fcrmek i\u00e7in b\u00fcy\u00fck bir portf\u00f6y hedeflenir.<\/p>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mt-8\">\n <div class=\"card\">\n <h3 class=\"text-2xl font-bold text-center mb-4\">Ya\u015fam Tarz\u0131 ve Hedef Fark\u0131<\/h3>\n <p class=\"text-center text-sm text-slate-600 mb-4\">LeanFIRE ve FatFIRE, yelpazenin iki ucunu temsil eder. Bu bar grafi\u011fi, ya\u015fam tarz\u0131 beklentilerinin hedef birikim miktar\u0131n\u0131 ne kadar dramatik bir \u015fekilde de\u011fi\u015ftirdi\u011fini g\u00f6sterir.<\/p>\n <div class=\"chart-container\"><canvas id=\"leanVsFatChart\"><\/canvas><\/div>\n <\/div>\n <div class=\"card\">\n <h3 class=\"text-2xl font-bold text-center mb-4\">Bile\u015fik Faizin Sihri: Coast FIRE<\/h3>\n <p class=\"text-center text-sm text-slate-600 mb-4\">Bu grafik, 30 ya\u015f\u0131nda 750.000 TL birikime ula\u015f\u0131p ek katk\u0131 yapmayan birinin portf\u00f6y\u00fcn\u00fcn, y\u0131ll\u0131k ortalama %5 reel getiri ile 65 ya\u015f\u0131na kadar nas\u0131l b\u00fcy\u00fcyebilece\u011fini g\u00f6steriyor.<\/p>\n <div class=\"chart-container\"><canvas id=\"coastFireChart\"><\/canvas><\/div>\n <\/div>\n <div class=\"card\">\n <h3 class=\"text-2xl font-bold text-center mb-4\">Esnek Gelir: Barista FIRE<\/h3>\n <p class=\"text-center text-sm text-slate-600 mb-4\">Barista FIRE modelinde ya\u015fam giderleri iki kaynaktan kar\u015f\u0131lan\u0131r: Birikimlerden gelen pasif gelir ve keyif al\u0131nan bir i\u015ften elde edilen aktif gelir. Bu, ana portf\u00f6y \u00fczerindeki bask\u0131y\u0131 azalt\u0131r.<\/p>\n <div class=\"chart-container h-[280px] md:h-[330px]\"><canvas id=\"baristaFireChart\"><\/canvas><\/div>\n <\/div>\n <div class=\"card\">\n <h3 class=\"text-2xl font-bold text-center mb-4\">T\u00fcrkiye \u0130\u00e7in \u00d6rnek Portf\u00f6y<\/h3>\n <p class=\"text-center text-sm text-slate-600 mb-4\">Y\u00fcksek enflasyon ve kur riskine kar\u015f\u0131 korunmak i\u00e7in \u00e7e\u015fitlendirme esast\u0131r. Bu radar grafi\u011fi, T\u00fcrkiye’deki bir yat\u0131r\u0131mc\u0131 i\u00e7in dengeli bir portf\u00f6y da\u011f\u0131l\u0131m\u0131 \u00f6rne\u011fi sunmaktad\u0131r.<\/p>\n <div class=\"chart-container\"><canvas id=\"portfolioChart\"><\/canvas><\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <section id=\"turkiye-stratejileri\" class=\"card md:p-8\">\n <h2 class=\"text-3xl font-bold text-center mb-2 section-title\">T\u00fcrkiye’de Finansal Ba\u011f\u0131ms\u0131zl\u0131k Yolculu\u011fu<\/h2>\n <p class=\"text-center text-slate-600 mb-8 max-w-3xl mx-auto\">Y\u00fcksek enflasyon, birikimlerin en b\u00fcy\u00fck d\u00fc\u015fman\u0131d\u0131r. Paran\u0131z\u0131n de\u011ferini korumak ve reel olarak art\u0131rmak i\u00e7in ak\u0131ll\u0131ca \u00e7e\u015fitlendirilmi\u015f, T\u00fcrkiye’nin dinamiklerine uygun bir portf\u00f6y olu\u015fturmak kritik \u00f6nem ta\u015f\u0131r.<\/p>\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-center\">\n <div>\n <h3 class=\"text-2xl font-bold mb-4\">Enflasyonla Dans: Korunma Kalkanlar\u0131<\/h3>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start\"><span class=\"text-[#4a7c59] font-bold mr-3 text-xl\">\u2713<\/span><div><b>Hisse Senetleri & Fonlar:<\/b> Uzun vadede enflasyon \u00fczerinde getiri potansiyeli sunar. \u00d6zellikle B\u0130ST’te i\u015flem g\u00f6ren ve vergi avantajl\u0131 hisse senedi yo\u011fun fonlar \u00f6ne \u00e7\u0131kar.<\/div><\/li>\n <li class=\"flex items-start\"><span class=\"text-[#4a7c59] font-bold mr-3 text-xl\">\u2713<\/span><div><b>D\u00f6viz ve Alt\u0131n:<\/b> TL’nin de\u011fer kayb\u0131na ve k\u00fcresel belirsizliklere kar\u015f\u0131 geleneksel bir koruma kalkan\u0131 g\u00f6revi g\u00f6r\u00fcr.<\/div><\/li>\n <li class=\"flex items-start\"><span class=\"text-[#4a7c59] font-bold mr-3 text-xl\">\u2713<\/span><div><b>Yabanc\u0131 Varl\u0131klar & ETF’ler:<\/b> Portf\u00f6y\u00fc k\u00fcresel olarak \u00e7e\u015fitlendirerek \u00fclke riskini da\u011f\u0131t\u0131r ve d\u00f6viz bazl\u0131 getiri sa\u011flar.<\/div><\/li>\n <li class=\"flex items-start\"><span class=\"text-[#4a7c59] font-bold mr-3 text-xl\">\u2713<\/span><div><b>Gayrimenkul ve GYO’lar:<\/b> Kira geliri ve de\u011fer art\u0131\u015f\u0131 ile enflasyona kar\u015f\u0131 korunma sa\u011flayabilir. Sermaye Piyasas\u0131’ndaki GYO’lar daha likit bir alternatiftir.<\/div><\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-slate-100 p-6 rounded-lg text-center\">\n <h3 class=\"text-2xl font-bold mb-4\">T\u00fcrkiye’ye \u00d6zg\u00fc F\u0131rsat: BES’in %30’luk G\u00fcc\u00fc<\/h3>\n <p class=\"mb-4\">Bireysel Emeklilik Sistemi (BES), %30 devlet katk\u0131s\u0131yla d\u00fcnyada e\u015fi az bulunan bir te\u015fvik sunar. Yat\u0131rd\u0131\u011f\u0131n\u0131z her 100 TL, an\u0131nda 130 TL’ye d\u00f6n\u00fc\u015f\u00fcr.<\/p>\n <div class=\"flex items-center justify-center space-x-4 my-6\">\n <div class=\"text-center\"><div class=\"text-5xl\">\ud83d\udcb0<\/div><p class=\"font-bold\">100 TL<br\/>Siz<\/p><\/div>\n <div class=\"text-5xl text-[#d69f7e] font-black\">+<\/div>\n <div class=\"text-center\"><div class=\"text-5xl\">\ud83c\udfdb\ufe0f<\/div><p class=\"font-bold\">30 TL<br\/>Devlet<\/p><\/div>\n <div class=\"text-5xl text-[#4a7c59] font-black\">=<\/div>\n <div class=\"text-center\"><div class=\"text-5xl\">\ud83d\udcc8<\/div><p class=\"font-bold\">130 TL<br\/>Birikim<\/p><\/div>\n <\/div>\n <p class=\"text-xs text-slate-500 mt-4\">Devlet katk\u0131s\u0131 y\u0131ll\u0131k br\u00fct asgari \u00fccret tutar\u0131 ile s\u0131n\u0131rl\u0131d\u0131r. Katk\u0131n\u0131n tamam\u0131na hak kazanmak i\u00e7in sistemde 10 y\u0131l kalmak ve 56 ya\u015f\u0131n\u0131 doldurmak gerekir. Bu, onu g\u00fc\u00e7l\u00fc bir uzun vadeli ara\u00e7 haline getirir.<\/p>\n <\/div>\n <\/div>\n <\/section>\n \n <section id=\"ilk-adimlar\">\n <h2 class=\"text-3xl font-bold text-center mb-2 section-title\">\u0130lk Ad\u0131mlar: Yolculuk Ba\u015flas\u0131n!<\/h2>\n <p class=\"text-center text-slate-600 mb-12 max-w-3xl mx-auto\">Finansal ba\u011f\u0131ms\u0131zl\u0131k bir maratondur, sprint de\u011fil. Bu yolculuk, bilin\u00e7li ve tutarl\u0131 ad\u0131mlar atmay\u0131 gerektirir. \u0130\u015fte ba\u015flaman\u0131z i\u00e7in basit bir yol haritas\u0131.<\/p>\n <div class=\"flex flex-col lg:flex-row items-stretch justify-center gap-4\">\n <div class=\"flow-step bg-[#1a535c] text-white\">1. B\u00fct\u00e7e Yap: Paran\u0131n Nereye Gitti\u011fini Anla<\/div>\n <div class=\"flow-arrow font-black\">\u2192<\/div>\n <div class=\"flow-step bg-[#4a7c59] text-white\">2. Bor\u00e7lar\u0131 Azalt: Y\u00fcksek Faizli Bor\u00e7lardan Kurtul<\/div>\n <div class=\"flow-arrow font-black\">\u2192<\/div>\n <div class=\"flow-step bg-[#d69f7e] text-white\">3. Acil Durum Fonu Olu\u015ftur (3-6 Ayl\u0131k)<\/div>\n <div class=\"flow-arrow font-black\">\u2192<\/div>\n <div class=\"flow-step bg-[#ff6b6b] text-white\">4. Birikim Oran\u0131n\u0131 Art\u0131r ve Yat\u0131r\u0131ma Ba\u015fla<\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"text-center mt-16 md:mt-24 pt-8 border-t border-slate-200\">\n <h2 class=\"text-2xl font-bold mb-4 section-title\">Kendi Hikayenizi Yazmaya Haz\u0131r m\u0131s\u0131n\u0131z?<\/h2>\n <p class=\"text-slate-600 max-w-2xl mx-auto mb-6\">Unutmay\u0131n, en uzun yolculuklar bile tek bir ad\u0131mla ba\u015flar. Finansal gelece\u011finizi \u015fekillendirmek sizin elinizde. Harekete ge\u00e7mek i\u00e7in en iyi zaman, \u015fimdidir.<\/p>\n <p class=\"font-bold text-slate-800\">Sizin FIRE hayaliniz nedir? Hangi strateji size daha yak\u0131n geliyor?<\/p>\n <\/footer>\n <\/div>\n\n<script>\n document.addEventListener('DOMContentLoaded', () => {\n const calmConfidencePalette = {\n primary: '#1a535c', \n secondary: '#4a7c59',\n accent: '#d69f7e', \n accentStrong: '#ff6b6b', \n neutral: '#f8fafc', \n text: '#334155',\n textLight: '#64748b',\n white: '#ffffff'\n };\n\n function wrapLabel(label) {\n const maxLen = 16;\n if (typeof label !== 'string' || label.length <= maxLen) return label;\n const words = label.split(' ');\n const lines = [];\n let currentLine = '';\n for (const word of words) {\n if ((currentLine + ' ' + word).trim().length > maxLen) {\n lines.push(currentLine.trim());\n currentLine = word;\n } else {\n currentLine = (currentLine + ' ' + word).trim();\n }\n }\n if (currentLine) lines.push(currentLine.trim());\n return lines;\n }\n\n const tooltipTitleCallback = (tooltipItems) => {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n return Array.isArray(label) ? label.join(' ') : label;\n };\n \n const commonChartOptions = {\n responsive: true,\n maintainAspectRatio: false,\n animation: {\n duration: 0\n },\n plugins: {\n legend: {\n labels: {\n color: calmConfidencePalette.text,\n font: { family: \"'Inter', sans-serif\" }\n }\n },\n tooltip: {\n enabled: true,\n backgroundColor: calmConfidencePalette.primary,\n titleFont: { size: 14, family: \"'Inter', sans-serif\" },\n bodyFont: { size: 12, family: \"'Inter', sans-serif\" },\n padding: 10,\n callbacks: { title: tooltipTitleCallback }\n }\n },\n scales: {\n y: { ticks: { color: calmConfidencePalette.textLight }, grid: { color: '#e2e8f0' } },\n x: { ticks: { color: calmConfidencePalette.textLight }, grid: { display: false } }\n }\n };\n\n const calculateButton = document.getElementById('calculate-fire');\n const spendingInput = document.getElementById('annual-spending');\n const fireNumberEl = document.getElementById('fire-number');\n \n const updateFireNumber = () => {\n const spending = parseFloat(spendingInput.value) || 480000;\n const fireNumber = spending * 25;\n fireNumberEl.textContent = `${fireNumber.toLocaleString('tr-TR')} TL`;\n };\n \n calculateButton.addEventListener('click', updateFireNumber);\n spendingInput.addEventListener('keyup', (event) => {\n if (event.key === 'Enter') {\n updateFireNumber();\n }\n });\n\n \/\/ --- Charts ---\n \n const leanVsFatCtx = document.getElementById('leanVsFatChart').getContext('2d');\n new Chart(leanVsFatCtx, {\n type: 'bar',\n data: {\n labels: ['LeanFIRE', 'FatFIRE'],\n datasets: [{\n label: 'Hedef Birikim (Milyon TL)',\n data: [1.5, 15],\n backgroundColor: [calmConfidencePalette.secondary, calmConfidencePalette.primary],\n borderWidth: 0\n }]\n },\n options: { ...commonChartOptions, scales: { y: { ticks: { callback: value => value + 'M' } } } }\n });\n \n const baristaFireCtx = document.getElementById('baristaFireChart').getContext('2d');\n new Chart(baristaFireCtx, {\n type: 'doughnut',\n data: {\n labels: ['Yat\u0131r\u0131m Gelirleri', 'Yar\u0131 Zamanl\u0131 \u0130\u015f Geliri'],\n datasets: [{\n data: [65, 35],\n backgroundColor: [calmConfidencePalette.primary, calmConfidencePalette.accent],\n borderColor: calmConfidencePalette.neutral,\n borderWidth: 4,\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n animation: { duration: 0 },\n plugins: {\n legend: { position: 'top', labels: { color: calmConfidencePalette.text, font: { family: \"'Inter', sans-serif\" }} },\n tooltip: { ...commonChartOptions.plugins.tooltip }\n }\n }\n });\n\n const coastFireCtx = document.getElementById('coastFireChart').getContext('2d');\n new Chart(coastFireCtx, {\n type: 'line',\n data: {\n labels: Array.from({length: 36}, (_, i) => 30 + i),\n datasets: [{\n label: 'Portf\u00f6y De\u011feri',\n data: Array.from({length: 36}, (_, i) => 750000 * Math.pow(1.05, i)),\n fill: true,\n borderColor: calmConfidencePalette.secondary,\n backgroundColor: 'rgba(74, 124, 89, 0.1)',\n tension: 0.1,\n pointRadius: 0,\n }]\n },\n options: { ...commonChartOptions, scales: { y: { ticks: { callback: value => (value \/ 1000000).toFixed(1) + 'M' } } } }\n });\n \n const portfolioCtx = document.getElementById('portfolioChart').getContext('2d');\n new Chart(portfolioCtx, {\n type: 'radar',\n data: {\n labels: [wrapLabel('B\u0130ST Hisse\/Fon'), wrapLabel('Yabanc\u0131 Hisse\/ETF'), 'Alt\u0131n', 'D\u00f6viz', 'Gayrimenkul (GYO)', wrapLabel('BES Fonlar\u0131')],\n datasets: [{\n label: '\u00d6rnek Portf\u00f6y Da\u011f\u0131l\u0131m\u0131 (%)',\n data: [30, 20, 15, 10, 15, 10],\n fill: true,\n backgroundColor: 'rgba(255, 107, 107, 0.2)',\n borderColor: calmConfidencePalette.accentStrong,\n pointBackgroundColor: calmConfidencePalette.accentStrong,\n pointBorderColor: calmConfidencePalette.white,\n }]\n },\n options: {\n responsive: true, maintainAspectRatio: false, animation: { duration: 0 },\n plugins: { legend: { display: false }, tooltip: { ...commonChartOptions.plugins.tooltip } },\n scales: {\n r: {\n angleLines: { color: '#d1d5db' }, grid: { color: '#e5e7eb' },\n pointLabels: { color: calmConfidencePalette.text, font: { size: 12, family: \"'Inter', sans-serif\" } },\n ticks: {\n color: calmConfidencePalette.white,\n backdropColor: 'rgba(74, 124, 89, 0.7)',\n stepSize: 10,\n callback: value => value + '%'\n }\n }\n }\n }\n });\n updateFireNumber();\n });\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Finansal \u00d6zg\u00fcrl\u00fck (FIRE) Yol Haritas\u0131 Maa\u015fa Mahkum Olmaktan S\u0131k\u0131ld\u0131n\u0131z m\u0131? Hayallerinizi ertelemekten yorulduysan\u0131z, finansal \u00f6zg\u00fcrl\u00fc\u011f\u00fcn sizin i\u00e7in de bir yolu var. Bu, hayat\u0131n\u0131z\u0131n kontrol\u00fcn\u00fc elinize…<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[8],"tags":[24],"class_list":["post-3463","post","type-post","status-publish","format-standard","hentry","category-finansal-ozgurluk","tag-finansal-ozgurluk","entry","double"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/posts\/3463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/comments?post=3463"}],"version-history":[{"count":2,"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/posts\/3463\/revisions"}],"predecessor-version":[{"id":3465,"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/posts\/3463\/revisions\/3465"}],"wp:attachment":[{"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/media?parent=3463"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/categories?post=3463"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/tags?post=3463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3463,"date":"2025-06-13T13:14:08","date_gmt":"2025-06-13T10:14:08","guid":{"rendered":"https:\/\/baytutumlu.com\/?p=3463"},"modified":"2025-06-13T13:14:09","modified_gmt":"2025-06-13T10:14:09","slug":"finansal-ozgurluk","status":"publish","type":"post","link":"https:\/\/baytutumlu.com\/index.php\/2025\/06\/13\/finansal-ozgurluk\/","title":{"rendered":"Finansal \u00d6zg\u00fcrl\u00fck"},"content":{"rendered":"\n\n\n\n \n \n \n \n \n \n Finansal \u00d6zg\u00fcrl\u00fck (FIRE) Yol Haritas\u0131<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #f8fafc; \/* neutral-50 *\/\n }\n .chart-container {\n position: relative;\n width: 100%;\n height: 300px;\n max-height: 400px;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 350px;\n }\n }\n .flow-step {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 1rem;\n border-radius: 0.5rem;\n font-weight: 700;\n min-height: 80px;\n flex-grow: 1;\n }\n .flow-arrow {\n font-size: 2rem;\n color: #d69f7e; \/* accent *\/\n margin: 0.5rem 0;\n transform: rotate(90deg);\n }\n @media (min-width: 1024px) {\n .flow-arrow {\n transform: rotate(0deg);\n margin: 0 1rem;\n }\n }\n .section-title {\n color: #1a535c; \/* primary-dark *\/\n }\n .card {\n background-color: white;\n border-radius: 0.75rem;\n box-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\n padding: 1.5rem;\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n .card h3 {\n color: #4a7c59; \/* secondary *\/\n }\n .btn-primary {\n background-color: #ff6b6b; \/* accent-strong *\/\n color: white;\n font-weight: 700;\n padding: 0.75rem 1.5rem;\n border-radius: 0.5rem;\n transition: background-color 0.3s;\n }\n .btn-primary:hover {\n background-color: #e55a5a;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-700\">\n\n <div class=\"container mx-auto p-4 md:p-8 max-w-7xl\">\n\n <header class=\"text-center my-12 md:my-16\">\n <h1 class=\"text-4xl md:text-6xl font-black text-slate-900 mb-4\">Maa\u015fa Mahkum Olmaktan S\u0131k\u0131ld\u0131n\u0131z m\u0131?<\/h1>\n <p class=\"text-lg md:text-xl text-slate-600 max-w-3xl mx-auto\">Hayallerinizi ertelemekten yorulduysan\u0131z, finansal \u00f6zg\u00fcrl\u00fc\u011f\u00fcn sizin i\u00e7in de bir yolu var. Bu, hayat\u0131n\u0131z\u0131n kontrol\u00fcn\u00fc elinize al\u0131p kendi \u015fartlar\u0131n\u0131zla ya\u015fama sanat\u0131d\u0131r.<\/p>\n <\/header>\n\n <main class=\"space-y-16 md:space-y-24\">\n\n <section id=\"hesapla\" class=\"card md:p-8\">\n <h2 class=\"text-3xl font-bold text-center mb-6 section-title\">Her \u015eey Bir Rakamla Ba\u015flar: Sizin FIRE Hedefiniz Ne?<\/h2>\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-center\">\n <div>\n <p class=\"mb-4 text-slate-600\">Finansal ba\u011f\u0131ms\u0131zl\u0131k, pasif gelirlerinizin ya\u015fam giderlerinizi kar\u015f\u0131lad\u0131\u011f\u0131 noktad\u0131r. Bu hedefe ula\u015fmak i\u00e7in ne kadar birikim yapman\u0131z gerekti\u011fini me\u015fhur “25x Kural\u0131” ile kolayca tahmin edebilirsiniz.<\/p>\n <p class=\"mb-4 text-slate-600\">A\u015fa\u011f\u0131ya, emeklilikte \u00f6ng\u00f6rd\u00fc\u011f\u00fcn\u00fcz <strong>y\u0131ll\u0131k<\/strong> harcama tutar\u0131n\u0131 girin ve sihirli rakam\u0131n\u0131z\u0131 ke\u015ffedin.<\/p>\n <div class=\"bg-slate-100 p-4 rounded-lg\">\n <label for=\"annual-spending\" class=\"block text-sm font-medium text-slate-700\">Tahmini Y\u0131ll\u0131k Harcaman\u0131z (TL)<\/label>\n <input type=\"number\" id=\"annual-spending\" class=\"mt-1 block w-full rounded-md border-slate-300 shadow-sm focus:border-[#4a7c59] focus:ring focus:ring-[#4a7c59] focus:ring-opacity-50 p-3 text-lg\" placeholder=\"\u00d6rn: 480000\">\n <\/div>\n <button id=\"calculate-fire\" class=\"w-full btn-primary mt-4\">HEDEF\u0130M\u0130 HESAPLA<\/button>\n <\/div>\n <div class=\"text-center bg-gradient-to-br from-[#1a535c] to-[#4a7c59] text-white p-8 rounded-lg\">\n <p class=\"text-lg opacity-80\">Finansal Ba\u011f\u0131ms\u0131zl\u0131k Hedefiniz:<\/p>\n <p id=\"fire-number\" class=\"text-5xl md:text-6xl font-black my-2\">12.000.000 TL<\/p>\n <p class=\"text-xs opacity-70 mt-4\">Bu hesaplama, yat\u0131r\u0131m portf\u00f6y\u00fcn\u00fczden y\u0131ll\u0131k %4 \u00e7ekebilece\u011finiz varsay\u0131m\u0131na dayan\u0131r. T\u00fcrkiye’nin y\u00fcksek enflasyon ortam\u0131nda, daha g\u00fcvenli bir plan i\u00e7in y\u0131ll\u0131k %3 (%33x) veya %2.5 (%40x) gibi daha d\u00fc\u015f\u00fck bir \u00e7ekim oran\u0131 ve dolay\u0131s\u0131yla daha y\u00fcksek bir hedef belirlemek ak\u0131ll\u0131ca olabilir.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"yollar\">\n <h2 class=\"text-3xl font-bold text-center mb-8 section-title\">FIRE Yelpazesi: Kendi Yolunuzu Bulun<\/h2>\n <p class=\"text-center text-slate-600 max-w-3xl mx-auto mb-12\">Finansal \u00f6zg\u00fcrl\u00fck tek bir kal\u0131ba s\u0131\u011fmaz. Ya\u015fam tarz\u0131n\u0131za, hedeflerinize ve konfor anlay\u0131\u015f\u0131n\u0131za g\u00f6re farkl\u0131 FIRE t\u00fcrleri bulunur. Gelin bu yollar\u0131 ke\u015ffedelim.<\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n <div class=\"card\">\n <h3 class=\"text-xl font-bold mb-2\">LeanFIRE<\/h3>\n <p class=\"text-sm text-slate-600 flex-grow\">Minimalizmle gelen erken \u00f6zg\u00fcrl\u00fck. D\u00fc\u015f\u00fck giderli bir ya\u015fam tarz\u0131 benimsenerek, en h\u0131zl\u0131 \u015fekilde ba\u011f\u0131ms\u0131zl\u0131\u011fa ula\u015fmak hedeflenir.<\/p>\n <\/div>\n <div class=\"card\">\n <h3 class=\"text-xl font-bold mb-2\">Coast FIRE<\/h3>\n <p class=\"text-sm text-slate-600 flex-grow\">Tohumlar\u0131 erken ekip, meyvelerini beklemek. Belli bir birikime ula\u015ft\u0131ktan sonra, bile\u015fik faizin sizin i\u00e7in \u00e7al\u0131\u015fmas\u0131n\u0131 izlerken sadece ya\u015fam giderleriniz i\u00e7in \u00e7al\u0131\u015f\u0131rs\u0131n\u0131z.<\/p>\n <\/div>\n <div class=\"card\">\n <h3 class=\"text-xl font-bold mb-2\">Barista FIRE<\/h3>\n <p class=\"text-sm text-slate-600 flex-grow\">Yar\u0131 zamanl\u0131 tutku, tam zamanl\u0131 \u00f6zg\u00fcrl\u00fck. Giderlerin bir k\u0131sm\u0131n\u0131 keyif al\u0131nan, daha az stresli bir i\u015ften kar\u015f\u0131layarak birikimlere daha az dokunulur.<\/p>\n <\/div>\n <div class=\"card\">\n <h3 class=\"text-xl font-bold mb-2\">FatFIRE<\/h3>\n <p class=\"text-sm text-slate-600 flex-grow\">Konforlu ve l\u00fcks bir emeklilik. Mevcut veya daha y\u00fcksek bir ya\u015fam standard\u0131n\u0131 s\u00fcrd\u00fcrmek i\u00e7in b\u00fcy\u00fck bir portf\u00f6y hedeflenir.<\/p>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mt-8\">\n <div class=\"card\">\n <h3 class=\"text-2xl font-bold text-center mb-4\">Ya\u015fam Tarz\u0131 ve Hedef Fark\u0131<\/h3>\n <p class=\"text-center text-sm text-slate-600 mb-4\">LeanFIRE ve FatFIRE, yelpazenin iki ucunu temsil eder. Bu bar grafi\u011fi, ya\u015fam tarz\u0131 beklentilerinin hedef birikim miktar\u0131n\u0131 ne kadar dramatik bir \u015fekilde de\u011fi\u015ftirdi\u011fini g\u00f6sterir.<\/p>\n <div class=\"chart-container\"><canvas id=\"leanVsFatChart\"><\/canvas><\/div>\n <\/div>\n <div class=\"card\">\n <h3 class=\"text-2xl font-bold text-center mb-4\">Bile\u015fik Faizin Sihri: Coast FIRE<\/h3>\n <p class=\"text-center text-sm text-slate-600 mb-4\">Bu grafik, 30 ya\u015f\u0131nda 750.000 TL birikime ula\u015f\u0131p ek katk\u0131 yapmayan birinin portf\u00f6y\u00fcn\u00fcn, y\u0131ll\u0131k ortalama %5 reel getiri ile 65 ya\u015f\u0131na kadar nas\u0131l b\u00fcy\u00fcyebilece\u011fini g\u00f6steriyor.<\/p>\n <div class=\"chart-container\"><canvas id=\"coastFireChart\"><\/canvas><\/div>\n <\/div>\n <div class=\"card\">\n <h3 class=\"text-2xl font-bold text-center mb-4\">Esnek Gelir: Barista FIRE<\/h3>\n <p class=\"text-center text-sm text-slate-600 mb-4\">Barista FIRE modelinde ya\u015fam giderleri iki kaynaktan kar\u015f\u0131lan\u0131r: Birikimlerden gelen pasif gelir ve keyif al\u0131nan bir i\u015ften elde edilen aktif gelir. Bu, ana portf\u00f6y \u00fczerindeki bask\u0131y\u0131 azalt\u0131r.<\/p>\n <div class=\"chart-container h-[280px] md:h-[330px]\"><canvas id=\"baristaFireChart\"><\/canvas><\/div>\n <\/div>\n <div class=\"card\">\n <h3 class=\"text-2xl font-bold text-center mb-4\">T\u00fcrkiye \u0130\u00e7in \u00d6rnek Portf\u00f6y<\/h3>\n <p class=\"text-center text-sm text-slate-600 mb-4\">Y\u00fcksek enflasyon ve kur riskine kar\u015f\u0131 korunmak i\u00e7in \u00e7e\u015fitlendirme esast\u0131r. Bu radar grafi\u011fi, T\u00fcrkiye’deki bir yat\u0131r\u0131mc\u0131 i\u00e7in dengeli bir portf\u00f6y da\u011f\u0131l\u0131m\u0131 \u00f6rne\u011fi sunmaktad\u0131r.<\/p>\n <div class=\"chart-container\"><canvas id=\"portfolioChart\"><\/canvas><\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <section id=\"turkiye-stratejileri\" class=\"card md:p-8\">\n <h2 class=\"text-3xl font-bold text-center mb-2 section-title\">T\u00fcrkiye’de Finansal Ba\u011f\u0131ms\u0131zl\u0131k Yolculu\u011fu<\/h2>\n <p class=\"text-center text-slate-600 mb-8 max-w-3xl mx-auto\">Y\u00fcksek enflasyon, birikimlerin en b\u00fcy\u00fck d\u00fc\u015fman\u0131d\u0131r. Paran\u0131z\u0131n de\u011ferini korumak ve reel olarak art\u0131rmak i\u00e7in ak\u0131ll\u0131ca \u00e7e\u015fitlendirilmi\u015f, T\u00fcrkiye’nin dinamiklerine uygun bir portf\u00f6y olu\u015fturmak kritik \u00f6nem ta\u015f\u0131r.<\/p>\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-center\">\n <div>\n <h3 class=\"text-2xl font-bold mb-4\">Enflasyonla Dans: Korunma Kalkanlar\u0131<\/h3>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start\"><span class=\"text-[#4a7c59] font-bold mr-3 text-xl\">\u2713<\/span><div><b>Hisse Senetleri & Fonlar:<\/b> Uzun vadede enflasyon \u00fczerinde getiri potansiyeli sunar. \u00d6zellikle B\u0130ST’te i\u015flem g\u00f6ren ve vergi avantajl\u0131 hisse senedi yo\u011fun fonlar \u00f6ne \u00e7\u0131kar.<\/div><\/li>\n <li class=\"flex items-start\"><span class=\"text-[#4a7c59] font-bold mr-3 text-xl\">\u2713<\/span><div><b>D\u00f6viz ve Alt\u0131n:<\/b> TL’nin de\u011fer kayb\u0131na ve k\u00fcresel belirsizliklere kar\u015f\u0131 geleneksel bir koruma kalkan\u0131 g\u00f6revi g\u00f6r\u00fcr.<\/div><\/li>\n <li class=\"flex items-start\"><span class=\"text-[#4a7c59] font-bold mr-3 text-xl\">\u2713<\/span><div><b>Yabanc\u0131 Varl\u0131klar & ETF’ler:<\/b> Portf\u00f6y\u00fc k\u00fcresel olarak \u00e7e\u015fitlendirerek \u00fclke riskini da\u011f\u0131t\u0131r ve d\u00f6viz bazl\u0131 getiri sa\u011flar.<\/div><\/li>\n <li class=\"flex items-start\"><span class=\"text-[#4a7c59] font-bold mr-3 text-xl\">\u2713<\/span><div><b>Gayrimenkul ve GYO’lar:<\/b> Kira geliri ve de\u011fer art\u0131\u015f\u0131 ile enflasyona kar\u015f\u0131 korunma sa\u011flayabilir. Sermaye Piyasas\u0131’ndaki GYO’lar daha likit bir alternatiftir.<\/div><\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-slate-100 p-6 rounded-lg text-center\">\n <h3 class=\"text-2xl font-bold mb-4\">T\u00fcrkiye’ye \u00d6zg\u00fc F\u0131rsat: BES’in %30’luk G\u00fcc\u00fc<\/h3>\n <p class=\"mb-4\">Bireysel Emeklilik Sistemi (BES), %30 devlet katk\u0131s\u0131yla d\u00fcnyada e\u015fi az bulunan bir te\u015fvik sunar. Yat\u0131rd\u0131\u011f\u0131n\u0131z her 100 TL, an\u0131nda 130 TL’ye d\u00f6n\u00fc\u015f\u00fcr.<\/p>\n <div class=\"flex items-center justify-center space-x-4 my-6\">\n <div class=\"text-center\"><div class=\"text-5xl\">\ud83d\udcb0<\/div><p class=\"font-bold\">100 TL<br\/>Siz<\/p><\/div>\n <div class=\"text-5xl text-[#d69f7e] font-black\">+<\/div>\n <div class=\"text-center\"><div class=\"text-5xl\">\ud83c\udfdb\ufe0f<\/div><p class=\"font-bold\">30 TL<br\/>Devlet<\/p><\/div>\n <div class=\"text-5xl text-[#4a7c59] font-black\">=<\/div>\n <div class=\"text-center\"><div class=\"text-5xl\">\ud83d\udcc8<\/div><p class=\"font-bold\">130 TL<br\/>Birikim<\/p><\/div>\n <\/div>\n <p class=\"text-xs text-slate-500 mt-4\">Devlet katk\u0131s\u0131 y\u0131ll\u0131k br\u00fct asgari \u00fccret tutar\u0131 ile s\u0131n\u0131rl\u0131d\u0131r. Katk\u0131n\u0131n tamam\u0131na hak kazanmak i\u00e7in sistemde 10 y\u0131l kalmak ve 56 ya\u015f\u0131n\u0131 doldurmak gerekir. Bu, onu g\u00fc\u00e7l\u00fc bir uzun vadeli ara\u00e7 haline getirir.<\/p>\n <\/div>\n <\/div>\n <\/section>\n \n <section id=\"ilk-adimlar\">\n <h2 class=\"text-3xl font-bold text-center mb-2 section-title\">\u0130lk Ad\u0131mlar: Yolculuk Ba\u015flas\u0131n!<\/h2>\n <p class=\"text-center text-slate-600 mb-12 max-w-3xl mx-auto\">Finansal ba\u011f\u0131ms\u0131zl\u0131k bir maratondur, sprint de\u011fil. Bu yolculuk, bilin\u00e7li ve tutarl\u0131 ad\u0131mlar atmay\u0131 gerektirir. \u0130\u015fte ba\u015flaman\u0131z i\u00e7in basit bir yol haritas\u0131.<\/p>\n <div class=\"flex flex-col lg:flex-row items-stretch justify-center gap-4\">\n <div class=\"flow-step bg-[#1a535c] text-white\">1. B\u00fct\u00e7e Yap: Paran\u0131n Nereye Gitti\u011fini Anla<\/div>\n <div class=\"flow-arrow font-black\">\u2192<\/div>\n <div class=\"flow-step bg-[#4a7c59] text-white\">2. Bor\u00e7lar\u0131 Azalt: Y\u00fcksek Faizli Bor\u00e7lardan Kurtul<\/div>\n <div class=\"flow-arrow font-black\">\u2192<\/div>\n <div class=\"flow-step bg-[#d69f7e] text-white\">3. Acil Durum Fonu Olu\u015ftur (3-6 Ayl\u0131k)<\/div>\n <div class=\"flow-arrow font-black\">\u2192<\/div>\n <div class=\"flow-step bg-[#ff6b6b] text-white\">4. Birikim Oran\u0131n\u0131 Art\u0131r ve Yat\u0131r\u0131ma Ba\u015fla<\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"text-center mt-16 md:mt-24 pt-8 border-t border-slate-200\">\n <h2 class=\"text-2xl font-bold mb-4 section-title\">Kendi Hikayenizi Yazmaya Haz\u0131r m\u0131s\u0131n\u0131z?<\/h2>\n <p class=\"text-slate-600 max-w-2xl mx-auto mb-6\">Unutmay\u0131n, en uzun yolculuklar bile tek bir ad\u0131mla ba\u015flar. Finansal gelece\u011finizi \u015fekillendirmek sizin elinizde. Harekete ge\u00e7mek i\u00e7in en iyi zaman, \u015fimdidir.<\/p>\n <p class=\"font-bold text-slate-800\">Sizin FIRE hayaliniz nedir? Hangi strateji size daha yak\u0131n geliyor?<\/p>\n <\/footer>\n <\/div>\n\n<script>\n document.addEventListener('DOMContentLoaded', () => {\n const calmConfidencePalette = {\n primary: '#1a535c', \n secondary: '#4a7c59',\n accent: '#d69f7e', \n accentStrong: '#ff6b6b', \n neutral: '#f8fafc', \n text: '#334155',\n textLight: '#64748b',\n white: '#ffffff'\n };\n\n function wrapLabel(label) {\n const maxLen = 16;\n if (typeof label !== 'string' || label.length <= maxLen) return label;\n const words = label.split(' ');\n const lines = [];\n let currentLine = '';\n for (const word of words) {\n if ((currentLine + ' ' + word).trim().length > maxLen) {\n lines.push(currentLine.trim());\n currentLine = word;\n } else {\n currentLine = (currentLine + ' ' + word).trim();\n }\n }\n if (currentLine) lines.push(currentLine.trim());\n return lines;\n }\n\n const tooltipTitleCallback = (tooltipItems) => {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n return Array.isArray(label) ? label.join(' ') : label;\n };\n \n const commonChartOptions = {\n responsive: true,\n maintainAspectRatio: false,\n animation: {\n duration: 0\n },\n plugins: {\n legend: {\n labels: {\n color: calmConfidencePalette.text,\n font: { family: \"'Inter', sans-serif\" }\n }\n },\n tooltip: {\n enabled: true,\n backgroundColor: calmConfidencePalette.primary,\n titleFont: { size: 14, family: \"'Inter', sans-serif\" },\n bodyFont: { size: 12, family: \"'Inter', sans-serif\" },\n padding: 10,\n callbacks: { title: tooltipTitleCallback }\n }\n },\n scales: {\n y: { ticks: { color: calmConfidencePalette.textLight }, grid: { color: '#e2e8f0' } },\n x: { ticks: { color: calmConfidencePalette.textLight }, grid: { display: false } }\n }\n };\n\n const calculateButton = document.getElementById('calculate-fire');\n const spendingInput = document.getElementById('annual-spending');\n const fireNumberEl = document.getElementById('fire-number');\n \n const updateFireNumber = () => {\n const spending = parseFloat(spendingInput.value) || 480000;\n const fireNumber = spending * 25;\n fireNumberEl.textContent = `${fireNumber.toLocaleString('tr-TR')} TL`;\n };\n \n calculateButton.addEventListener('click', updateFireNumber);\n spendingInput.addEventListener('keyup', (event) => {\n if (event.key === 'Enter') {\n updateFireNumber();\n }\n });\n\n \/\/ --- Charts ---\n \n const leanVsFatCtx = document.getElementById('leanVsFatChart').getContext('2d');\n new Chart(leanVsFatCtx, {\n type: 'bar',\n data: {\n labels: ['LeanFIRE', 'FatFIRE'],\n datasets: [{\n label: 'Hedef Birikim (Milyon TL)',\n data: [1.5, 15],\n backgroundColor: [calmConfidencePalette.secondary, calmConfidencePalette.primary],\n borderWidth: 0\n }]\n },\n options: { ...commonChartOptions, scales: { y: { ticks: { callback: value => value + 'M' } } } }\n });\n \n const baristaFireCtx = document.getElementById('baristaFireChart').getContext('2d');\n new Chart(baristaFireCtx, {\n type: 'doughnut',\n data: {\n labels: ['Yat\u0131r\u0131m Gelirleri', 'Yar\u0131 Zamanl\u0131 \u0130\u015f Geliri'],\n datasets: [{\n data: [65, 35],\n backgroundColor: [calmConfidencePalette.primary, calmConfidencePalette.accent],\n borderColor: calmConfidencePalette.neutral,\n borderWidth: 4,\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n animation: { duration: 0 },\n plugins: {\n legend: { position: 'top', labels: { color: calmConfidencePalette.text, font: { family: \"'Inter', sans-serif\" }} },\n tooltip: { ...commonChartOptions.plugins.tooltip }\n }\n }\n });\n\n const coastFireCtx = document.getElementById('coastFireChart').getContext('2d');\n new Chart(coastFireCtx, {\n type: 'line',\n data: {\n labels: Array.from({length: 36}, (_, i) => 30 + i),\n datasets: [{\n label: 'Portf\u00f6y De\u011feri',\n data: Array.from({length: 36}, (_, i) => 750000 * Math.pow(1.05, i)),\n fill: true,\n borderColor: calmConfidencePalette.secondary,\n backgroundColor: 'rgba(74, 124, 89, 0.1)',\n tension: 0.1,\n pointRadius: 0,\n }]\n },\n options: { ...commonChartOptions, scales: { y: { ticks: { callback: value => (value \/ 1000000).toFixed(1) + 'M' } } } }\n });\n \n const portfolioCtx = document.getElementById('portfolioChart').getContext('2d');\n new Chart(portfolioCtx, {\n type: 'radar',\n data: {\n labels: [wrapLabel('B\u0130ST Hisse\/Fon'), wrapLabel('Yabanc\u0131 Hisse\/ETF'), 'Alt\u0131n', 'D\u00f6viz', 'Gayrimenkul (GYO)', wrapLabel('BES Fonlar\u0131')],\n datasets: [{\n label: '\u00d6rnek Portf\u00f6y Da\u011f\u0131l\u0131m\u0131 (%)',\n data: [30, 20, 15, 10, 15, 10],\n fill: true,\n backgroundColor: 'rgba(255, 107, 107, 0.2)',\n borderColor: calmConfidencePalette.accentStrong,\n pointBackgroundColor: calmConfidencePalette.accentStrong,\n pointBorderColor: calmConfidencePalette.white,\n }]\n },\n options: {\n responsive: true, maintainAspectRatio: false, animation: { duration: 0 },\n plugins: { legend: { display: false }, tooltip: { ...commonChartOptions.plugins.tooltip } },\n scales: {\n r: {\n angleLines: { color: '#d1d5db' }, grid: { color: '#e5e7eb' },\n pointLabels: { color: calmConfidencePalette.text, font: { size: 12, family: \"'Inter', sans-serif\" } },\n ticks: {\n color: calmConfidencePalette.white,\n backdropColor: 'rgba(74, 124, 89, 0.7)',\n stepSize: 10,\n callback: value => value + '%'\n }\n }\n }\n }\n });\n updateFireNumber();\n });\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Finansal \u00d6zg\u00fcrl\u00fck (FIRE) Yol Haritas\u0131 Maa\u015fa Mahkum Olmaktan S\u0131k\u0131ld\u0131n\u0131z m\u0131? Hayallerinizi ertelemekten yorulduysan\u0131z, finansal \u00f6zg\u00fcrl\u00fc\u011f\u00fcn sizin i\u00e7in de bir yolu var. Bu, hayat\u0131n\u0131z\u0131n kontrol\u00fcn\u00fc elinize…<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[8],"tags":[24],"class_list":["post-3463","post","type-post","status-publish","format-standard","hentry","category-finansal-ozgurluk","tag-finansal-ozgurluk","entry","double"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/posts\/3463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/comments?post=3463"}],"version-history":[{"count":2,"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/posts\/3463\/revisions"}],"predecessor-version":[{"id":3465,"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/posts\/3463\/revisions\/3465"}],"wp:attachment":[{"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/media?parent=3463"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/categories?post=3463"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/baytutumlu.com\/index.php\/wp-json\/wp\/v2\/tags?post=3463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}