@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Dancing+Script:wght@700&family=Oswald:wght@400;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --red:#D94B2A;--gold:#D4952A;--black:#111010;
  --cream:#F0EAD6;--dark-red:#8B1E1E;--orange:#E8522A;
  --blackDeep:#0a0a0a;
}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--cream);font-family:'Oswald',sans-serif;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none;z-index:1000;opacity:.4;}
/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:999;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:64px;background:rgba(17,16,16,.95);border-bottom:2px solid var(--red);backdrop-filter:blur(8px);}
.nav-logo{font-family:'Black Ops One',sans-serif;font-size:20px;color:var(--cream);letter-spacing:3px;text-decoration:none;}
.nav-logo span{color:var(--gold);}
.nav-links{display:flex;gap:32px;list-style:none;}
.nav-links a{font-family:'Oswald',sans-serif;font-size:12px;font-weight:700;letter-spacing:3px;color:var(--cream);text-decoration:none;text-transform:uppercase;transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--gold);}
/* HAMBURGER */
.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none;}
.nav-burger span{display:block;width:24px;height:2px;background:var(--cream);transition:all .3s;}
.nav-burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.nav-burger.open span:nth-child(2){opacity:0;}
.nav-burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
/* MOBILE OVERLAY */
.nav-overlay{display:none;position:fixed;inset:64px 0 0 0;background:rgba(17,16,16,.98);z-index:998;flex-direction:column;align-items:center;justify-content:center;gap:0;}
.nav-overlay.open{display:flex;}
.nav-overlay li{list-style:none;width:100%;text-align:center;border-bottom:1px solid rgba(217,75,42,.15);}
.nav-overlay li:first-child{border-top:1px solid rgba(217,75,42,.15);}
.nav-overlay a{font-family:'Black Ops One',sans-serif;font-size:22px;color:var(--cream);text-decoration:none;text-transform:uppercase;letter-spacing:3px;display:block;padding:20px;transition:all .2s;}
.nav-overlay a:hover,.nav-overlay a.active{color:var(--gold);background:rgba(217,75,42,.08);}
/* BUTTONS */
.btn-primary{background:var(--red);color:var(--cream);font-family:'Oswald',sans-serif;font-weight:700;font-size:13px;letter-spacing:3px;text-transform:uppercase;padding:14px 40px;border:none;cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);text-decoration:none;display:inline-block;transition:all .2s;}
.btn-primary:hover{background:var(--orange);transform:translateY(-2px);}
.btn-secondary{background:transparent;color:var(--gold);font-family:'Oswald',sans-serif;font-weight:700;font-size:13px;letter-spacing:3px;text-transform:uppercase;padding:12px 38px;border:2px solid var(--gold);cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);text-decoration:none;display:inline-block;transition:all .2s;}
.btn-secondary:hover{background:var(--gold);color:var(--black);}
/* TICKER */
.ticker{background:var(--red);padding:12px 0;overflow:hidden;white-space:nowrap;}
.ticker-inner{display:inline-flex;animation:ticker 22s linear infinite;}
.ticker-item{font-family:'Black Ops One',sans-serif;font-size:12px;letter-spacing:3px;color:var(--cream);text-transform:uppercase;padding:0 36px;}
.ticker-sep{color:var(--gold);padding:0 8px;font-family:'Black Ops One',sans-serif;font-size:12px;}
/* SECTION */
.section-label{font-family:'Dancing Script',cursive;font-size:22px;color:var(--gold);display:block;margin-bottom:8px;}
.section-title{font-family:'Black Ops One',sans-serif;font-size:clamp(32px,5vw,64px);line-height:1;color:var(--cream);text-transform:uppercase;display:block;}
.section-title span{color:var(--red);}
/* FOOTER */
footer{background:var(--blackDeep);border-top:3px solid var(--red);padding:60px 48px 30px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;}
.footer-logo{font-family:'Black Ops One',sans-serif;font-size:26px;color:var(--cream);margin-bottom:10px;display:block;}
.footer-logo span{color:var(--gold);}
.footer-tagline{font-family:'Dancing Script',cursive;font-size:18px;color:var(--red);margin-bottom:14px;display:block;}
.footer-desc{font-family:'Oswald',sans-serif;font-size:13px;color:rgba(240,234,214,.45);line-height:1.7;max-width:260px;display:block;}
.footer-col-title{font-family:'Oswald',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:20px;display:block;}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer-links a{font-family:'Oswald',sans-serif;font-size:14px;color:rgba(240,234,214,.55);text-decoration:none;transition:color .2s;}
.footer-links a:hover{color:var(--cream);}
.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(240,234,214,.08);padding-top:24px;display:flex;justify-content:space-between;align-items:center;}
.footer-bottom p{font-family:'Oswald',sans-serif;font-size:11px;color:rgba(240,234,214,.25);letter-spacing:1px;}
/* SPARKLE */
.sparkle{position:absolute;width:20px;height:20px;animation:spin 4s linear infinite;}
.sparkle svg{width:100%;height:100%;}
/* FORM */
.form-field{margin-bottom:20px;}
.form-label{display:block;font-family:'Oswald',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
.form-input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(217,75,42,.3);color:var(--cream);font-family:'Oswald',sans-serif;font-size:16px;padding:14px 16px;outline:none;transition:border-color .2s;}
.form-input:focus{border-color:var(--red);}
.form-input::placeholder{color:rgba(240,234,214,.3);}
/* ANIMATIONS */
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
/* RESPONSIVE */
@media(max-width:768px){
  nav{padding:0 20px;}
  .nav-links{display:none;}
  .nav-burger{display:flex;}
}
  footer{grid-template-columns:1fr 1fr;}
}