:root {
    --primary: #7f1d1d;
    --accent: #b91c1c;
    --bg-main: #11080b;
    --surface: rgba(28, 12, 15, 0.85);
    --border: rgba(249, 113, 113, 0.25);
    --text: #fef2f2;
    --muted: #fecaca;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Inter","Segoe UI",sans-serif;background:radial-gradient(circle at top,#2a1116 0%,var(--bg-main) 60%);color:var(--text);line-height:1.65}
nav{position:fixed;inset:0 0 auto;background:rgba(14,6,8,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:.85rem 0;z-index:10}
.container{max-width:1120px;margin:0 auto;padding:0 1.25rem}
nav .container{display:flex;justify-content:space-between;align-items:center}
.logo{display:flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:.05em}
.logo img{width:38px;height:38px}
.nav-links{display:flex;gap:1.2rem;list-style:none}
.nav-links a{color:var(--muted);text-decoration:none;font-weight:600}
.hero{min-height:calc(100vh - 60px);margin-top:60px;padding:6rem 1rem 4rem;background:linear-gradient(rgba(15,6,8,.55),rgba(15,6,8,.75)),url('https://imrs.madebydanny.uk?url=https://public-cdn.madebydanny.uk/jtf-media/media/TAPS/banner.png') center/cover no-repeat;display:grid;place-items:center;text-align:center}
.hero-content{max-width:760px}
.hero h1{font-size:clamp(2.8rem,8vw,4.6rem);letter-spacing:.06em}
.subtitle{margin-top:.75rem;font-size:clamp(1.2rem,3vw,1.8rem)}
.tagline{margin:1.1rem 0 2rem;color:var(--muted)}
.cta-button{display:inline-flex;gap:.5rem;align-items:center;padding:.8rem 1.35rem;border-radius:999px;text-decoration:none;color:#fff;background:linear-gradient(120deg,var(--primary),var(--accent));font-weight:700;margin:.35rem;box-shadow:0 10px 24px rgba(127,29,29,.45)}
section{padding:4.2rem 0;background:linear-gradient(rgba(24,10,13,.78),rgba(17,8,11,.92)),url('https://imrs.madebydanny.uk?url=https://public-cdn.madebydanny.uk/jtf-media/media/TAPS/banner.png') center/cover fixed no-repeat;border-top:1px solid rgba(249,113,113,.12)}
.section-title{text-align:center;font-size:clamp(1.9rem,5vw,2.8rem)}
.section-subtitle{text-align:center;margin:.7rem auto 2rem;color:var(--muted)}
.about-content{max-width:760px;margin:0 auto;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.4rem}
footer{padding:2.2rem 1rem;text-align:center;color:var(--muted);background:#12070a;border-top:1px solid var(--border)}
footer b{display:block;margin:.4rem 0 .8rem;color:#fee2e2;font-size:.9rem}