/* Critical CSS - Inlined for fastest initial paint */

/* Font Face Declarations */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/inter-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/inter-400.woff2') format('woff2');
}

/* CSS Reset & Base Styles */
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: hsl(0 0% 18%)
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
  font-feature-settings: normal;
  font-variation-settings: normal
}

body {
  margin: 0;
  line-height: inherit;
  background-color: hsl(0 0% 5%);
  color: hsl(0 0% 98%)
}

#root {
  min-height: 100vh
}

/* Hero Section Critical Styles */
.hero-section {
  min-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center
}

h1 {
  font-weight: 700;
  color: hsl(0 0% 98%);
  margin: 0;
}

.text-primary {
  color: hsl(45 100% 51%);
}

button {
  font-family: inherit;
  cursor: pointer;
}