<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FIFO Калькулятор інвестицій (Податки Польща)</title>
<meta name="description" content="Розрахунок податку на прибуток від інвестицій методом FIFO для Польщі. Безкоштовний інструмент для інвесторів.">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
background: #f8fafc;
color: #0f172a;
line-height: 1.5;
}
.container { max-width: 1280px; margin: 0 auto; padding: 1.5rem; }
/* Меню */
.main-nav {
background: white;
border-radius: 1rem;
padding: 0.75rem 1.5rem;
margin-bottom: 2rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
display: flex;
gap: 2rem;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.logo { font-weight: 700; font-size: 1.25rem; color: #2563eb; }
.nav-links { display: flex; gap: 1.5rem; }
.nav-links a { text-decoration: none; color: #334155; font-weight: 500; }
.nav-links a:hover { color: #2563eb; }
/* Опис */
.hero {
background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
color: white;
padding: 2rem;
border-radius: 1.5rem;
margin-bottom: 2rem;
}
.hero h1 { font-size: 1.9rem; margin-bottom: 1rem; }
.hero p { opacity: 0.9; max-width: 700px; }
/* Картка калькулятора */
.calculator-card {
background: white;
border-radius: 1.5rem;
padding: 1.5rem;
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
margin-bottom: 2rem;
}
.calculator-card h2 {
font-size: 1.5rem;
margin-bottom: 0.5rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.iframe-container {
border-radius: 1rem;
overflow: hidden;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
margin-top: 1rem;
}
iframe {
width: 100%;
height: 650px;
border: none;
background: #fff;
}
/* Секції */
.features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.5rem;
margin-bottom: 2rem;
}
.card {
background: white;
padding: 1.5rem;
border-radius: 1rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
border: 1px solid #e2e8f0;
}
.card h3 { color: #1e293b; margin-bottom: 0.75rem; }
footer {
text-align: center;
padding: 2rem 0;
border-top: 1px solid #e2e8f0;
margin-top: 2rem;
color: #475569;
}
@media (max-width: 640px) {
.main-nav { flex-direction: column; align-items: stretch; gap: 1rem; }
.nav-links { justify-content: center; }
.hero h1 { font-size: 1.5rem; }
}
</style>
</head>
<body>
<div class="container">
<!-- Меню -->
<div class="main-nav">
<div class="logo">📊 FIFO Polska</div>
<div class="nav-links">
<a href="#">Головна</a>
<a href="instrukcje.html">📘 Інструкції</a>
<a href="regulamin.html">⚖️ Регулямін</a>
<a href="kontakt.html">Контакт</a>
</div>
</div>
<!-- Опис про FIFO -->
<div class="hero">
<h1>Розрахунок податків з інвестицій методом FIFO</h1>
<p>Першим прийшов — першим пішов. Точний розрахунок прибутку та податку (19% від прибутку в Польщі). Безкоштовно, без реєстрації.</p>
</div>
<!-- Тут вбудовується ваш калькулятор -->
<div class="calculator-card">
<h2>🧮 Ваш FIFO калькулятор</h2>
<p>Введіть ваші транзакції (купівлі/продажі) — система автоматично розрахує податок.</p>
<div class="iframe-container">
<!-- Як тільки ваш сервер запрацює — підставте URL -->
<iframe src="https://tax-calc-pl111-t3fs.onrender.com" title="FIFO калькулятор податків"></iframe>
</div>
<p style="font-size: 0.85rem; margin-top: 0.75rem; color: #475569;">⚠️ Якщо калькулятор не завантажується — можливо, сервер "заснув" на Render (безкоштовний тариф). Оновіть сторінку через 30 секунд або <a href="https://tax-calc-pl111-t3fs.onrender.com" target="_blank">відкрийте його в новому вікні</a>.</p>
</div>
<!-- Додатковий опис + переваги -->
<div class="features">
<div class="card">
<h3>📌 Що таке FIFO?</h3>
<p>FIFO (First In, First Out) — метод, за яким перші куплені акції продаються першими. Це стандарт для польського податкового обліку інвестицій.</p>
</div>
<div class="card">
<h3>💰 Податок 19%</h3>
<p>У Польщі прибуток від продажу акцій/ETF оподатковується податком на приріст капіталу (19%). Калькулятор покаже чистий прибуток після податку.</p>
</div>
<div class="card">
<h3>🔄 Як використовувати?</h3>
<p>Додайте операції купівлі та продажу. Система сама зіставить продажі з найстарішими купівлями. Детальні інструкції — в розділі <a href="instrukcje.html">"Інструкції"</a>.</p>
</div>
</div>
<footer>
<p>© 2025 FIFO Калькулятор. Це інструмент для довідки, не є офіційною податковою консультацією.</p>
<p><a href="regulamin.html">Регулямін</a> | <a href="instrukcje.html">Інструкції</a></p>
</footer>
</div>
</body>
</html>