/* =======================
   Modern CSS Reset
   ======================= */

*,
*::before,
*::after {
  box-sizing: border-box;   /* Use border-box for all elements */
  margin: 0;                 /* Remove default margin */
  padding: 0;                /* Remove default padding */
}

html, body {
  height: 100%;              /* Make full height for layout */
  scroll-behavior: smooth;   /* Smooth scrolling */
}

body {
  line-height: 1.5;          /* Better line height */
  -webkit-font-smoothing: antialiased; /* Smoother fonts on WebKit */
  -moz-osx-font-smoothing: grayscale;  /* Smoother fonts on Firefox */
}

img, picture, video, canvas, svg {
  display: block;            /* Avoid inline spacing */
  max-width: 100%;           /* Responsive media */
}

input, button, textarea, select {
  font: inherit;             /* Use the same font as body */
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word; /* Prevent overflow text */
}

a {
  text-decoration: none;     /* Remove default link underlines */
  color: inherit;            /* Inherit color */
}

button {
  cursor: pointer;           /* Pointer cursor on buttons */
  border: none;              /* Remove default border */
  background: none;          /* Remove default background */
}