body {
          margin: 0;
          font-family: system-ui, -apple-system, sans-serif;
          background: #f5f5f5;
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100vh;
        }

        .card {
          background: white;
          padding: 1rem;
          width: 100%;
          max-width: 360px;
          box-shadow: 0 4px 12px rgba(0,0,0,0.1);
          border-radius: 8px;
          display: flex;
          flex-direction: column; /* Stack children vertically */
          gap: 0.7rem;           /* Space between fields */
        }



        input {
          width: 100%;
          padding: 0.6rem;
          font-size: 1rem;
          border: 1px solid #ccc;
          border-radius: 4px;
          box-sizing: border-box;
        }

        button {
          width: 100%;
          padding: 0.7rem;
          font-size: 1rem;
          background: #007bff;
          color: white;
          border: none;
          border-radius: 4px;
          cursor: pointer;
        }

        button:disabled {
          background: #999;
        }