/* Reset some defaults */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Body + html full size */
html, body {
  width: 100%;
  min-height: 100%;
  height: 100%;
  background-color: transparent !important;
  overflow-x: hidden;        /* Prevent horizontal scroll */
  font-family: Arial, sans-serif;
  scroll-behavior: smooth;   /* Smooth scrolling */
}

/* Header, main, footer occupy full width */
header, main, footer {
  width: 100%;
}

/* Make main scrollable if content is long */
main {
  min-height: 100vh;        /* At least viewport height */
  width: 100%;
}


/*--GLOBAL--*/

/* =========================
   GLOBAL BUTTON SYSTEM
========================= */
.gbtn {
  display: inline-block;
  padding: 10px 18px;
  font-size: 0.9rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: 6px; /* slim radius */
  transition: all 0.2s ease;
}

/* PRIMARY GRADIENT BUTTON */
.gbtn-primary {
  background: linear-gradient(135deg, #2E70D1, #16499C);
  color: #fff;
  border: none;
}

.gbtn-primary:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}