/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/inter-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/inter-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/inter-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/inter-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/nunito-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/nunito-v32-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/nunito-v32-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/nunito-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/nunito-v32-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* Base Reset & Common Styles */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(135deg, #fff0f5 0%, #e6f3ff 50%, #fff5e6 100%);
    min-height: 100vh;
    padding: 1.25rem;
    position: relative;
    overflow-x: hidden;
}

/* Headings use Nunito */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Nunito', 'Segoe UI', sans-serif;
}

/* Background hearts decoration */
body::before {
    content: '♥';
    position: fixed;
    top: 5%;
    left: 2%;
    font-size: clamp(60px, 25vw, 350px);
    color: #ff6b9d;
    opacity: 0.08;
    pointer-events: none;
    z-index: -1;
    transform: rotate(-20deg);
}

body::after {
    content: '♥';
    position: fixed;
    bottom: 10%;
    right: 2%;
    font-size: clamp(70px, 30vw, 400px);
    color: #ff6b9d;
    opacity: 0.07;
    pointer-events: none;
    z-index: -1;
    transform: rotate(25deg);
}

.bg-heart {
    position: fixed;
    color: #ff6b9d;
    opacity: 0.06;
    pointer-events: none;
    z-index: -1;
}

/* Left side - rotate left */
.bg-heart-1 {
    top: 40%;
    left: 5%;
    font-size: clamp(50px, 22vw, 300px);
    transform: rotate(-15deg);
}

/* Right side - rotate right */
.bg-heart-2 {
    top: 15%;
    right: 8%;
    font-size: clamp(55px, 24vw, 320px);
    transform: rotate(18deg);
}

/* Center-ish - no rotation */
.bg-heart-3 {
    bottom: 25%;
    left: 35%;
    font-size: clamp(40px, 18vw, 250px);
    transform: rotate(0deg);
}

/* Additional heart - left side */
.bg-heart-4 {
    bottom: 45%;
    left: -2%;
    font-size: clamp(50px, 20vw, 280px);
    transform: rotate(-25deg);
}

/* Additional heart - right side */
.bg-heart-5 {
    top: 55%;
    right: 0%;
    font-size: clamp(45px, 19vw, 260px);
    transform: rotate(22deg);
}

.container {
    max-width: 37.5rem;
    margin: 0 auto;
    position: relative;
    padding-top: 2.5rem;
}

h1 {
    text-align: center;
    font-size: 2.75rem;
    
    font-weight: 800;
    letter-spacing: 0.05rem;
    background: linear-gradient(135deg, #ff6b9d 0%, #ff8fab 50%, #ffb3c6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(2px 2px 2px rgba(255, 107, 157, 0.25));
}

.subtitle {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 1.875rem;
}