@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600&display=swap");

:root {
  --primary: #ff3800;
  --navy: #1d2150;
  --text: #4a4a4a;
  --muted: #8a8f99;
  --bg: #f5f6fb;
  --surface: #ffffff;
  --surface-2: #f0f2f7;
  --border: #e4e7ee;
  --shadow: 0 24px 60px rgba(29, 33, 80, 0.18);
}

* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  color: var(--text);
  background: radial-gradient(120% 120% at 15% 10%, #ffffff 0%, #eef1f8 55%, #e7ebf4 100%);
}

img,
svg,
video,
canvas,
iframe {
  max-width: 100%;
}

input,
button,
select,
textarea {
  font: inherit;
}

p,
li,
td,
th,
label,
small,
code {
  overflow-wrap: anywhere;
}

h1,
h2,
h3,
.display {
  font-family: "Manrope", Helvetica, Arial, sans-serif;
  color: var(--navy);
}