body#coming-soon
  display: flex
  justify-content: center
  align-items: center
  height: 100%
  padding: 1rem
  box-sizing: border-box
  margin: 0
  text-align: center
  color: #eee
  font-family: 'Segoe UI', Roboto, sans-serif
  background-size: cover
  background-repeat: no-repeat
  background-position: center center
  background-attachment: fixed

  .container
    max-width: 600px
    background-color: rgba(30, 30, 30, 0.89)
    padding: 2rem
    border-radius: 8px
    box-shadow: 0 0 20px rgba(0,0,0,0.5)

    h1
      font-size: 3rem
      margin-bottom: 1rem
      animation: pulse 1.5s infinite

    p
      font-size: 1.2rem
      opacity: 0.85
      margin-bottom: 1.5rem

    .countdown
      font-size: 2rem
      font-weight: bold
      margin: 1rem 0 2rem 0

    form.newsletter
      display: flex
      flex-direction: column
      gap: 0.5rem
      margin-top: 1rem

      input[type="email"]
        padding: 0.5rem
        font-size: 1rem
        border: 1px solid #666
        border-radius: 4px
        background: rgba(255,255,255,0.05)
        color: #eee

      button
        padding: 0.5rem
        font-size: 1rem
        border: 1px solid #1e90ff
        border-radius: 4px
        background: #1e90ff
        color: #fff
        cursor: pointer
        transition: background 0.2s

        &:hover
          background: #1565c0

    .social-icons
      margin-top: 2rem
      display: flex
      justify-content: center
      gap: 1rem

      a
        display: inline-flex
        align-items: center
        justify-content: center
        width: 40px
        height: 40px
        font-size: 1.5rem
        color: #eee
        text-decoration: none
        transition: color 0.2s

        &:hover
          color: #1e90ff

      i
        font-style: normal


@keyframes pulse
  0%, 100%
    opacity: 0.8
  50%
    opacity: 1