/* For register.html: replaces inline style on login link */
.register-login-link {
  margin-top: 16px;
}
    body {
    background: url('/app/static/images/waves.webp') center/cover no-repeat fixed;
      font-family: 'Victor Mono', monospace;
      margin: 0;
      padding: 0;
    }
    .register-container {
      background: rgba(255,255,255,0.75);
      border-radius: 16px;
      box-shadow: 0 8px 32px 0 rgba(31,38,135,0.25);
      margin: 60px auto;
      padding: 32px 24px;
      max-width: 350px;
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border: 1px solid rgba(255,255,255,0.2);
      text-align: center;
    }
    .github-pages-logo {
      position: fixed;
      top: 20px;
      right: 20px;
      width: 120px;
      height: auto;
      z-index: 1000;
      opacity: 0.8;
    }
    h2 {
      color: #f14e32;
      margin-bottom: 18px;
    }
    label {
      color: #5c4033;
      font-weight: 600;
      margin-top: 12px;
      display: block;
      text-align: left;
    }
    input[type='text'], input[type='password'] {
      width: 100%;
      padding: 8px;
      margin: 8px 0 16px 0;
      border-radius: 6px;
      border: 1px solid #ccc;
      font-size: 1em;
    }
    button {
      background: #dc391d; /* improved contrast */
      color: #fff;
      border: none;
      border-radius: 6px;
      padding: 10px 24px;
      font-size: 1em;
      cursor: pointer;
      margin-top: 10px;
      transition: background 0.2s;
    }
    button:hover {
      background: #a53320;
    }
    #result {
      margin-top: 18px;
      color: #5c4033;
      font-weight: 600;
    }