body {
    margin: 0;
    font-family: "Inter", "Segoe UI", Roboto, sans-serif;
    color: #fff;
    background: #0d1117;
}

.welcome-hero {
    position: relative;
    min-height: 100vh;
    background: url("/img/bg.jpg") center/cover no-repeat;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
}

.overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(13, 17, 23, 0.85), rgba(20, 24, 30, 0.85));
}

.vertical-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 300px;
  margin: 0 auto 1.5rem auto;
}

.content {
    position: relative;
    z-index: 1;
    max-width: 700px;
    width: 100%;
    padding: 2rem;
}

.logo {
  width: 100px;
  margin-bottom: 1rem;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.2));
}

h1 {
  font-size: 2.4em;
  font-weight: 600;
  margin-bottom: 0.4em;
}

h1 span {
  color: #ff7b00;
}

p {
  font-size: 1.1em;
  color: #c9d1d9;
  margin-bottom: 2em;
}