@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Bebas+Neue:wght@400&display=swap');

:root {
  --color-bg: #1A1818;         
  --color-accent: #FFC125;    
  --color-text: #FFFFFF;      
  --color-button-text: #000000;
  --color-border: #FFC125;   
  --border-width-strong: 15px; 
  --space-60: 60px;           
}

html { 
  box-sizing: border-box; 
  scroll-behavior: auto; 
  background-color: var(--color-bg); 
}

*, *::before, *::after { 
  box-sizing: inherit; 
}

@media (max-width: 768px) {
  body { font-size: 16px; }
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--color-bg);
  color: var(--color-text);
  font-family: 'Manrope', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

h1 {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(2rem, 3.5vw, 3rem) !important;
  line-height: 1.2;
  margin: 0.5em 0;
  letter-spacing: normal;
  transform: none;
}

h2 {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
  line-height: 1.25;
  margin: 0.45em 0;
  letter-spacing: normal;
  transform: none;
}

h3 {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(1.4rem, 2.5vw, 1.8rem) !important;
  line-height: 1.3;
  margin: 0.4em 0;
  letter-spacing: normal;
  transform: none;
}

h4 {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(1.2rem, 2vw, 1.5rem) !important;
  line-height: 1.35;
  margin: 0.35em 0;
  letter-spacing: normal;
  transform: none;
}

h5, h6,
.home-hero__title,
.home-hero__accent {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  letter-spacing: normal;
  transform: none;
}

.home-hero__last {
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  font-size: clamp(2rem, 3.5vw, 3rem);
  line-height: 1.2;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 2px #FFC125; 
  paint-order: stroke fill;
  letter-spacing: normal;
  transform: none;
  margin: 0.5em 0;
}





a { color: var(--color-text); text-decoration-color: var(--color-accent); }


img, video { 
  max-width: 100%; 
  height: auto; 
}

svg { 
  height: auto; 
}

.btn { 
  display: inline-block; 
  padding: 0.6rem 1rem; 
  border-radius: 2px; 
  border: 2px solid var(--color-accent); 
  font-size: 16px; 
  letter-spacing: 0.02em; 
  text-decoration: none; 
}

.btn-primary { 
  background-color: var(--color-accent); 
  color: var(--color-button-text); 
}

.accent-line { 
  border-top: var(--border-width-strong) solid var(--color-accent); 
}

.card-transparent { 
  background-color: transparent; 
  border: var(--border-width-strong) solid var(--color-border); 
  padding: 1rem; 
}

.spacer-60 { 
  margin-right: var(--space-60); 
  margin-bottom: var(--space-60); 
}

.home-hero { 
  padding: 0 1rem; 
  text-align: center; 
}

.home-hero__title { 
  margin-top: 1rem; 
}

.home-hero__subtitle { 
  opacity: 0.85; 
}

.container { 
  max-width: 1800px; 
  margin: 0 auto; 
  padding-inline: clamp(16px, 3vw, 32px); 
}