:root{--bg:#0b0b10;--c:#15151d;--t:#eee;--m:#9a9aa8;--a:#e5202e}*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--t);font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.6}
a{color:inherit}section{padding:80px 6vw;max-width:1200px;margin:auto}h2{font-size:2rem;margin:0 0 28px;border-left:4px solid var(--a);padding-left:14px}
.nav{position:sticky;top:0;z-index:9;display:flex;justify-content:space-between;align-items:center;padding:14px 6vw;background:#0b0b10dd;backdrop-filter:blur(8px)}
.logo{font-weight:900;font-size:1.4rem;text-decoration:none}.logo span,h1 span{color:var(--a)}nav a{margin-left:22px;text-decoration:none;color:var(--m)}nav a:hover{color:#fff}#burger{display:none;background:none;border:0;color:#fff;font-size:1.6rem}
.hero{min-height:88vh;display:flex;align-items:center;max-width:none;background:radial-gradient(circle at 75% 30%,#e5202e33,transparent 55%),linear-gradient(#0b0b10,#111)}
.hero-in{display:flex;gap:48px;align-items:center;max-width:1200px;margin:auto}.avatar{width:min(360px,80vw);border-radius:20px;box-shadow:0 20px 60px #e5202e44}
h1{font-size:clamp(3rem,9vw,6.5rem);margin:0;line-height:1;font-weight:900}.kicker{color:var(--a);letter-spacing:.3em;text-transform:uppercase;margin:0}.claim{color:var(--m);font-size:1.2rem;max-width:520px}
.btn{display:inline-block;padding:12px 24px;background:var(--a);border-radius:40px;text-decoration:none;font-weight:700;margin:8px 10px 0 0}.ghost{background:none;border:2px solid var(--a)}
.grid2,.grid3{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--c);border-radius:16px;padding:20px;overflow:hidden}.card img{width:100%;border-radius:10px}
.ph{background:repeating-linear-gradient(45deg,#1b1b25,#1b1b25 10px,#20202b 10px,#20202b 20px);border-radius:12px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--m);text-align:center}
.yt{cursor:pointer}.card iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}.date{color:var(--a);font-size:.85rem}
.gal{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gal>*{aspect-ratio:1;width:100%;object-fit:cover;border-radius:12px;min-height:0}
.narrow{max-width:720px;color:var(--m)}.social{display:flex;flex-wrap:wrap;gap:14px}.social a{padding:14px 26px;background:var(--c);border:1px solid #2a2a36;border-radius:12px;text-decoration:none;font-weight:600}.social a:hover{border-color:var(--a)}
footer{text-align:center;padding:40px;color:var(--m);border-top:1px solid #222}.todo{background:#e5202e22;border:1px solid var(--a);padding:12px;border-radius:8px}
@media(max-width:760px){.hero-in{flex-direction:column;text-align:center}#burger{display:block}nav{display:none;position:absolute;top:60px;left:0;right:0;background:#0b0b10;flex-direction:column;padding:10px 6vw}nav.open{display:flex}nav a{margin:10px 0}section{padding:56px 6vw}}
.kform{display:grid;gap:12px;max-width:620px}.kform input,.kform textarea{background:var(--c);border:1px solid #2a2a36;border-radius:10px;color:var(--t);padding:12px;font:inherit}.ds{color:var(--m);font-size:.9rem}.kform button{border:0;color:#fff;cursor:pointer;justify-self:start}