/* 
      .--..--..--..--..--..--.
    .' \  (`._   (_)     _   \
  .'    |  '._)         (_)  |
  \ _.')\      .----..---.   /
  |(_.'  |    /    .-\-.  \  |
  \     0|    |   ( O| O) | o|
   |  _  |  .--.____.'._.-.  |
   \ (_) | o         -` .-`  |
    |    \   |`-._ _ _ _ _\ /
    \    |   |  `. |_||_|   |
    | o  |    \_      \     |     -.   .-.
    |.-.  \     `--..-'   O |     `.`-' .'
  _.'  .' |     `-.-'      /-.__   ' .-'
.' `-.` '.|='=.='=.='=.='=|._/_ `-'.'
`-._  `.  |________/\_____|    `-.'
   .'   ).| '=' '='\/ '=' |
   `._.`  '---------------'
           //___\   //___\
             ||       ||
             ||_.-.   ||_.-.
            (_.--__) (_.--__)
       

 Insert all your glorious CSS styles below! */
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

* {
  box-sizing: border-box;
}

:root {
  blue-soft: #EAF1FF;
  blue-primary: #1E5EFF;
  text-dark: #0B1B2B;
}


html, body {
  min-height: 100%;
}

body {
  margin: 0;
  font-family: 'Inter', sans-serif;
  background: linear-gradient( 180deg, var(blue-soft) 0%,#FFFFFF 70%);
  color: var(text-dark);
}

.header {
  padding: 24px 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent; 
}

.header a {
  text-decoration: none;
}

.logo {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  color: var(blue-primary);
}

.nav a {
  margin-left: 24px;
  text-decoration: none;
  color: var(text-dark);
  font-weight: 500;
}

.nav a:hover {
  color: var(blue-primary);
}


.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 120px 64px 80px;
}

.container h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  margin-bottom: 16px;
}

.container h2 {
  font-size: 1.2rem;
  line-height: 1.6;
  max-width: 640px;
  color: #3A4A5E;
}

.paragraph {
  margin-top: 64px;
  background: #FFFFFF;
  padding: 48px;
  border-radius: 32px;
  box-shadow: 0 20px 40px rgba(15, 42, 68, 0.12);
  max-width: 720px;
}

.paragraph h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 1.6rem;
  margin-bottom: 24px;
}

form input[type="text"] {
  width: 100%;
  padding: 12px 16px;
  margin-bottom: 16px;
  border-radius: 12px;
  border: 1px solid ##EAF1FF;
  font-size: 0.95rem;
}

form input[type="submit"] {
  background: var(blue-primary);
  color: white;
  border: none;
  padding: 14px 32px;
  border-radius: 999px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}

form input[type="submit"]:hover {
  background: #1648CC;
}