body {
      background: #1c1c1c;
      font-family: 'Press Start 2P', cursive;
      color: #ffffff;
      text-align: center;
      padding: 40px 20px;
    }

    h1 {
      font-size: 1.2rem;
      margin-bottom: 20px;
      color: #800000;
      text-shadow: 2px 2px #ffcccc;
    }

    p {
      font-size: 0.7rem;
      margin-bottom: 20px;
    }

    input, button {
      font-family: 'Press Start 2P', cursive;
      font-size: 0.7rem;
      padding: 12px;
      margin: 10px 0;
      border-radius: 6px;
      border: 1px solid #800000;
      background: #2b2b2b;
      color: #fff;
      width: 100%;
      max-width: 320px;
      box-sizing: border-box;
    }

    button {
      background: #ff4d4d;
      cursor: pointer;
    }

    button:hover {
      background: #ffffff;
      color: #800000;
    }

    #logged-in-box {
      background: #2b2b2b;
      border: 2px solid #800000;
      border-radius: 8px;
      padding: 20px;
      margin-top: 30px;
      max-width: 320px;
      margin-left: auto;
      margin-right: auto;
      box-shadow: 0 0 8px rgba(255, 77, 77, 0.4);
    }

    #feedback-message {
      margin-top: 20px;
      padding: 12px;
      background: #2b2b2b;
      border: 2px solid #ff4d4d;
      border-radius: 8px;
      font-size: 0.6rem;
      color: #ffcccc;
      max-width: 320px;
      margin-left: auto;
      margin-right: auto;
      box-shadow: 0 0 8px rgba(255, 77, 77, 0.4);
    }

    @media (max-width: 480px) {
      h1 { font-size: 1rem; }
      input, button, #feedback-message { font-size: 0.6rem; padding: 12px; }
    }

    #Footer1 {
      color:#ff4d4d;
      font-size: 7px
    }

    #Footer-a {
      color:#800000
    }

    #reset-box {
      display: none; 
      margin-top: 30px; 
      text-align: center;
    }