:root {
      --blue: #65bbdc;
      --green: #d9fcff;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    html, body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    font-family: 'Bangers', 'Arial Narrow Bold', sans-serif;

    }

    body {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      background: linear-gradient(180deg, var(--blue) 40%, var(--green) 100%);
      overflow: hidden;
    }

    .page {
      text-align: center;
      padding: 3rem;
    }

    .logo {
      max-width: 450px;
      width: 80vw;
      margin: 0 auto 2rem;
    }

  .bangers-header {
    color: #EF4847;
    font-size: clamp(2.2rem, 6vw, 5rem);
    line-height: 0.8em;
    letter-spacing: clamp(0.15rem, 0.5vw, 0.3rem);
    text-shadow: 0 4px 0 #fff;
  }

  .bangers-timer {
    font-size: clamp(1.7rem, 5vw, 4rem);
    color: #111;
    margin: 1rem 0;
    text-shadow: 0 4px 0 #fff;
  }