body { font-family: Arial, Helvetica, sans-serif; background:#0a0a0a; color:#fff; display:flex; align-items:center; justify-content:center; height:100vh; margin:0 }
.hero { text-align:center }
.hero .logo { max-width:800px; width: 80%; height:auto; margin-bottom:16px }
.hero h1 { font-size:48px; margin:0 }
.hero p { opacity:0.8; font-size:24px; margin:0; }
.hero p + p { margin-top:12px; }
.hero .cta { margin-top:32px; }
.hero .cta-link { display:inline-block; padding:14px 32px; border-radius:999px; background:#f06e18; color:#0a0a0a; font-weight:bold; font-size:18px; letter-spacing:0.02em; text-transform:uppercase; text-decoration:none; transition:background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; }
.hero .cta-link:hover { background:#ff8c42; transform:translateY(-2px); box-shadow:0 8px 20px rgba(240, 110, 24, 0.35); }
.hero .cta-link:focus-visible { outline:3px solid #ffffff; outline-offset:4px; }