:root {
  --blue: #1f8bff;
  --dark: #0a1626;
}

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

html,
body {
  height: 100%;
}

body {
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
  color: #fff;

  /* Dökkblár fallback-litur birtist þar til ljósmyndin er sett inn */
  background-color: var(--dark);
  background-image: linear-gradient(
      rgba(6, 14, 28, 0.55),
      rgba(6, 14, 28, 0.75)
    ),
    url("assets/background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Logo efst í vinstra horni */
.logo-badge {
  position: fixed;
  top: 24px;
  left: 24px;
  background: #fff;
  padding: 10px 16px;
  border-radius: 14px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
}

.logo-badge img {
  display: block;
  height: 38px;
  width: auto;
}

/* Miðlæg hero-skilaboð */
.hero {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px;
}

.hero h1 {
  font-size: clamp(2.5rem, 8vw, 5.5rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.6);
}

.hero p {
  margin-top: 16px;
  font-size: clamp(1rem, 2.5vw, 1.5rem);
  color: rgba(255, 255, 255, 0.85);
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.6);
}

@media (max-width: 600px) {
  .logo-badge {
    top: 16px;
    left: 16px;
    padding: 8px 12px;
  }
  .logo-badge img {
    height: 30px;
  }
}