:root {
  --navy-950: #031126;
  --navy-900: #061a33;
  --navy-800: #08264d;
  --navy-700: #0b356c;
  --blue-500: #129bff;
  --blue-400: #38bdf8;
  --blue-300: #7dd3fc;
  --white: #ffffff;
  --text-soft: #c7e7ff;
  --border: rgba(125, 211, 252, .22);
  --shadow: 0 18px 45px rgba(18, 155, 255, .22);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background: 
    radial-gradient(circle at top left, rgba(18, 155, 255, .20), transparent 34%), 
    linear-gradient(135deg, var(--navy-950), var(--navy-900) 48%, var(--navy-800));
  color: var(--white);
  min-height: 100vh;
}

a {
  text-decoration: none;
}