:root{--bg:#0f1419;--card:#1a2332;--text:#e7ecf3;--muted:#8b98a5;--accent:#1d9bf0;--good:#00ba7c;--warn:#ffad1f;--border:#2f3336}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
header{background:#15202b;border-bottom:1px solid var(--border);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.logo{font-size:20px;font-weight:700;color:#fff;text-decoration:none}
nav{display:flex;gap:12px;flex-wrap:wrap}
nav a{color:var(--muted);text-decoration:none;font-size:14px}
nav a:hover,nav a.active{color:var(--accent)}
.lang{display:flex;gap:6px}
.lang a{padding:4px 10px;border-radius:12px;background:#2f3336;color:var(--text);text-decoration:none;font-size:13px}
.lang a.active{background:var(--accent)}
main{max-width:1100px;margin:0 auto;padding:20px}
h1{font-size:28px;margin:0 0 8px}
h2{font-size:20px;margin:24px 0 12px;border-bottom:1px solid var(--border);padding-bottom:6px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:16px 0}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}
.card h3{margin:0 0 8px;font-size:16px}
.price{color:var(--good);font-size:20px;font-weight:700}
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}
th,td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--border)}
th{background:#15202b;color:var(--muted);font-weight:600}
tr:hover td{background:#1e2a3a}
.note{color:var(--muted);font-size:13px;margin-top:8px}
footer{text-align:center;color:var(--muted);font-size:12px;padding:30px;border-top:1px solid var(--border);margin-top:40px}
.months{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.months a{padding:6px 12px;background:#2f3336;border-radius:16px;color:var(--text);text-decoration:none;font-size:13px}
.months a.active{background:var(--accent)}