:root{
  --bg:#05070d;
  --card:#0d111c;
  --ink:#eef1f8;
  --muted:#9aa3b8;
  --pink:#e02554;
  --teal:#00c2a8;
  --gold:#e8c24a;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--ink);
  min-height:100vh;
  line-height:1.55;
}
a{color:var(--teal)}
.ftk-wrap{max-width:960px;margin:0 auto;padding:0 20px}
.ftk-head{
  position:sticky;top:0;z-index:20;
  background:rgba(5,7,13,.94);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.ftk-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px}
.ftk-logo{color:var(--pink);text-decoration:none;font-weight:800;font-size:1.3rem;letter-spacing:.02em}
.ftk-menu{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.ftk-menu a{color:var(--muted);text-decoration:none;font-weight:600}
.ftk-menu a:hover,.ftk-menu a[aria-current="page"]{color:var(--ink)}
.ftk-nav-cta{
  background:var(--pink);color:#fff !important;
  padding:8px 14px;border-radius:999px;font-size:.95rem;
}
.ftk-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--ink);padding:8px 12px;border-radius:8px}
.ftk-main{padding:36px 0 48px}
.ftk-main-hero{padding-top:28px}
.ftk-crumbs{font-size:.9rem;color:var(--muted);margin-bottom:20px}
.ftk-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.ftk-crumbs a{color:var(--muted)}
.ftk-crumbs li:not(:last-child)::after{content:"/";margin-left:8px;opacity:.45}
.ftk-hero{
  background:var(--card);
  border:1px solid rgba(224,37,84,.25);
  border-radius:20px;
  padding:32px 28px 28px;
  max-width:720px;
  margin:0 auto 40px;
}
.ftk-hero h1{font-size:2rem;color:var(--ink);margin-bottom:12px;line-height:1.2}
.ftk-lede{font-size:1.12rem;color:#c9d0de;margin-bottom:18px}
.ftk-hero-img{width:100%;max-width:520px;margin:0 auto 18px;display:block;border-radius:14px}
.ftk-ctas{margin:18px 0 8px}
.ftk-btn{
  display:inline-block;text-align:center;text-decoration:none;font-weight:700;
  padding:14px 22px;border-radius:40px;font-size:1.05rem;
  background:var(--pink);color:#fff;
}
.ftk-btn:hover{filter:brightness(1.08);color:#fff}
.ftk-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.25);color:var(--ink);margin-left:8px}
.ftk-article{max-width:42rem}
.ftk-article h1{font-size:2rem;margin-bottom:12px}
.ftk-article h2{font-size:1.35rem;margin:1.6rem 0 .7rem;color:#fff}
.ftk-article p,.ftk-article li{margin-bottom:.9rem;color:#d5dbe8}
.ftk-article ul,.ftk-article ol{padding-left:1.2rem;margin-bottom:1rem}
.ftk-note{
  background:rgba(224,37,84,.12);
  border:1px solid rgba(0,194,168,.28);
  border-radius:12px;padding:14px 16px;margin:1.2rem 0;
}
.ftk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:1.4rem 0 2rem}
.ftk-card{background:var(--card);border-radius:14px;padding:18px;border:1px solid rgba(255,255,255,.06)}
.ftk-card h2,.ftk-card h3{color:var(--gold);margin-bottom:8px;font-size:1.1rem}
.ftk-related{margin:2.2rem 0 1rem}
.ftk-related h2{font-size:1.2rem;margin-bottom:10px}
.ftk-related ul{list-style:none}
.ftk-related a{display:block;padding:12px 14px;margin-bottom:8px;background:var(--card);border-radius:10px;text-decoration:none;color:var(--ink);font-weight:700}
.ftk-related span{display:block;font-weight:400;color:var(--muted);font-size:.92rem;margin-top:4px}
.ftk-age{font-size:.85rem;color:var(--muted);margin-top:1.2rem}
.ftk-faq details{background:var(--card);border-radius:10px;padding:12px 14px;margin-bottom:10px}
.ftk-faq summary{cursor:pointer;font-weight:700}
.ftk-faq p{margin:.6rem 0 0;color:#d5dbe8}
.ftk-foot{background:#03040a;padding:40px 0 24px;margin-top:24px;color:var(--muted);border-top:1px solid rgba(255,255,255,.06)}
.ftk-foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px;margin-bottom:24px}
.ftk-foot-brand{color:var(--pink);font-weight:700;margin-bottom:10px}
.ftk-foot ul{list-style:none}
.ftk-foot li{margin-bottom:6px}
.ftk-foot a{color:var(--muted);text-decoration:none}
.ftk-foot a:hover{color:var(--ink)}
.ftk-copy{font-size:.85rem}
@media (max-width:760px){
  .ftk-toggle{display:block}
  .ftk-menu{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:8px 0 12px}
  .ftk-menu.is-open{display:flex}
  .ftk-nav{flex-wrap:wrap}
  .ftk-hero h1,.ftk-article h1{font-size:1.65rem}
  .ftk-btn-ghost{margin-left:0;margin-top:10px;display:inline-block}
}