:root { --accent:#ff5252; --text:#fff; --bg:#000; }
*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',system-ui,sans-serif}
body{background:var(--bg);color:var(--text);height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.hero-section{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;
  background:url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;}
.hero-section.alt{background:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px)}
.content{position:relative;z-index:1;max-width:720px;padding:20px}
h1{font-size:2.4rem;font-weight:800;margin-bottom:1rem;line-height:1.2}
.subtitle{font-size:1.3rem;margin-bottom:2rem;color:#f5f5f5}
.btn-primary{display:inline-block;background:var(--accent);color:#fff;font-size:1.3rem;font-weight:800;text-decoration:none;padding:18px 42px;border-radius:12px;
  box-shadow:0 10px 25px rgba(255,82,82,.4);transition:transform .15s ease, box-shadow .15s ease}
.btn-primary:hover{transform:scale(1.05);box-shadow:0 15px 30px rgba(255,82,82,.6)}
.footer{position:absolute;bottom:10px;width:100%;text-align:center;font-size:.9rem;color:#ccc}
.footer a{color:#ffb3b3;text-decoration:none}.footer a:hover{text-decoration:underline}
@media(max-width:600px){h1{font-size:1.9rem}.subtitle{font-size:1rem}.btn-primary{font-size:1.1rem;padding:14px 34px}}