
:root{
  --bg:#0b0b0b;
  --panel:#121212;
  --text:#f5f5f5;
  --muted:#a0a0a0;
  --brand:#ffffff;
  --accent:#e0e0e0;
  --link:#b0d4ff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1000px;margin:0 auto;padding:0 20px}
.pad{padding:40px 20px}
.center{text-align:center}
.subtle{color:var(--muted)}
.tiny{font-size:.85rem}

/* Header / Nav */
.site-header{position:sticky;top:0;z-index:100;background:rgba(11,11,11,.85);backdrop-filter:blur(4px);border-bottom:1px solid #1e1e1e}
.site-header .nav{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{font-weight:700;color:var(--brand);letter-spacing:.3px}
.site-header nav a{margin-left:20px;color:var(--text);opacity:.85}
.site-header nav a:hover{opacity:1}

/* Hero */
.hero{position:relative;height:100vh;width:100%;background:url('bg-antonio-compressed.jpg') center/contain no-repeat}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(to bottom, rgba(0,0,0,.35), rgba(0,0,0,.35))}

/* Content */
.content-block{padding:60px 20px;background:var(--panel);border-top:1px solid #1e1e1e;border-bottom:1px solid #1e1e1e}
h1{font-size:2.2rem;margin:.2rem 0 1rem}
.tagline{font-size:1.25rem;margin:.2rem 0 0}
.countdown{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;margin:1.25rem 0;font-size:1.25rem}
.btn{display:inline-block;background:transparent;border:1px solid #2a2a2a;color:#fff;padding:.7rem 1rem;border-radius:8px}
.btn:hover{background:#1a1a1a}

/* Video */
.video-wrap{display:flex;justify-content:center;margin-top:20px}
.video-wrap iframe{width:100%;max-width:800px;aspect-ratio:16/9;border:0;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.35)}

/* Form */
.contact-form{display:grid;gap:16px}
.contact-form .grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.contact-form input,.contact-form textarea{background:#0f0f0f;color:#fff;border:1px solid #1f1f1f;border-radius:10px;padding:12px}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#2e2e2e;box-shadow:0 0 0 3px rgba(255,255,255,.05)}
.contact-form button{justify-self:start}
@media (max-width: 720px){
  .contact-form .grid{grid-template-columns:1fr}
  h1{font-size:1.8rem}
}
/* Footer */
.site-footer{border-top:1px solid #1e1e1e;background:#0d0d0d;margin-top:40px}
.site-footer .container{padding:22px 20px;text-align:center;color:var(--muted)}
