:root{
  --bg:#050505; --panel:#0d0d0f; --text:#f5f5f5; --muted:#b9b9c0; --red:#ff1010; --red2:#9b0000;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px 7%;background:rgba(5,5,5,.8);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.brand img{width:46px;height:46px;border-radius:50%;object-fit:cover}.brand span span{color:var(--red)}nav{display:flex;gap:24px;align-items:center;color:var(--muted);font-weight:700}nav a:hover{color:white}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--red);background:linear-gradient(135deg,var(--red),var(--red2));padding:14px 22px;border-radius:999px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 0 28px rgba(255,0,0,.25)}.btn.small{padding:10px 16px}.btn.ghost{background:transparent;color:white}.hero{min-height:86vh;position:relative;display:grid;align-items:center;padding:90px 7%;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.76) 45%,rgba(5,5,5,.1)),url('assets/cover.png') center/cover no-repeat;filter:saturate(1.12)}.hero:after{content:"";position:absolute;inset:auto -20% -30% 40%;height:420px;background:radial-gradient(circle,rgba(255,0,0,.35),transparent 65%)}.hero-content{position:relative;max-width:760px}.eyebrow{color:var(--red);text-transform:uppercase;letter-spacing:4px;font-weight:900;font-size:.82rem}.hero h1,.section h2,.showcase h2,.qr-section h2,.contact h2{font-size:clamp(2.3rem,6vw,5.8rem);line-height:.96;margin:12px 0;text-transform:uppercase}.hero h1 span{color:var(--red)}.lead{font-size:1.22rem;color:var(--muted);max-width:640px;line-height:1.7}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid rgba(255,255,255,.08);background:#080808}.strip span{text-align:center;padding:24px;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:#ddd;border-right:1px solid rgba(255,255,255,.08)}.section{padding:90px 7%}.section-head{max-width:900px;margin-bottom:34px}.section h2,.showcase h2,.qr-section h2,.contact h2{font-size:clamp(2rem,4vw,4rem)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:linear-gradient(180deg,#111,#070707);border:1px solid rgba(255,255,255,.1);padding:30px;border-radius:28px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.card:hover{border-color:rgba(255,0,0,.65);transform:translateY(-4px);transition:.25s}.icon{width:58px;height:58px;border-radius:50%;border:1px solid var(--red);display:grid;place-items:center;color:var(--red);font-size:26px;margin-bottom:20px}.card h3{font-size:1.35rem;text-transform:uppercase}.card p,.showcase p,.qr-section p,.contact p{color:var(--muted);line-height:1.7}.showcase,.qr-section,.contact{margin:0 7% 90px;display:grid;grid-template-columns:1fr 1.25fr;gap:38px;align-items:center;background:radial-gradient(circle at top right,rgba(255,0,0,.2),transparent 45%),var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:34px;padding:34px;overflow:hidden}.showcase img{border-radius:22px;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 50px rgba(255,0,0,.2)}.qr-section{grid-template-columns:1fr 420px}.qr-card{background:#fff;border-radius:28px;padding:18px;box-shadow:0 0 50px rgba(255,0,0,.22)}.qr-card img{border-radius:20px}.contact{grid-template-columns:220px 1fr}.contact img{border-radius:50%;border:1px solid rgba(255,0,0,.5);box-shadow:0 0 45px rgba(255,0,0,.25)}.contact a{color:white;font-weight:800}footer{text-align:center;padding:34px;color:#777;border-top:1px solid rgba(255,255,255,.08)}
@media (max-width:850px){.nav{padding:14px 5%}nav{display:none}.hero{padding:70px 5%;min-height:80vh}.strip,.cards,.showcase,.qr-section,.contact{grid-template-columns:1fr}.strip span{border-bottom:1px solid rgba(255,255,255,.08)}.showcase,.qr-section,.contact{margin:0 5% 50px;padding:24px}.qr-section{grid-template-columns:1fr}.qr-card{max-width:420px}.contact img{width:170px}.hero-bg{background:linear-gradient(180deg,#050505 0%,rgba(5,5,5,.84) 58%,rgba(5,5,5,.4)),url('assets/cover.png') center/cover no-repeat}}