body {
      background: #0b0f14;
      color: #e5e7eb;
    }

    .navbar {
      background: #0d1117;
      border-bottom: 1px solid rgba(255,255,255,0.06);
    }

    .hero {
      padding: 4rem 0;
      background:
        radial-gradient(1000px 500px at 20% 10%, rgba(59,130,246,0.20), rgba(0,0,0,0)),
        radial-gradient(900px 500px at 80% 20%, rgba(147,51,234,0.12), rgba(0,0,0,0));
    }

    .hero-title {
      font-weight: 800;
      letter-spacing: -0.02em;
    }

    .section-title {
      text-transform: uppercase;
      letter-spacing: 0.12em;
      font-size: 0.8rem;
      color: rgba(229,231,235,0.65);
    }

    .badge-status {
      background: rgba(255,255,255,0.08) !important;
      border: 1px solid rgba(255,255,255,0.12);
      color: #e5e7eb !important;
    }

    /* Dark card form (Option B) */
    .card-dark {
      background: #0f172a;
      border: 1px solid rgba(255,255,255,0.10);
      color: #e5e7eb;
    }
    .card-dark .text-muted {
      color: rgba(229,231,235,0.65) !important;
    }
    .card-dark .form-label {
      color: rgba(229,231,235,0.90);
    }
    .card-dark .form-control,
    .card-dark .form-select {
      background: #0b1220;
      color: #e5e7eb;
      border: 1px solid rgba(255,255,255,0.14);
    }
    .card-dark .form-control::placeholder {
      color: rgba(229,231,235,0.45);
    }
    .card-dark .form-control:focus,
    .card-dark .form-select:focus {
      border-color: rgba(59,130,246,0.75);
      box-shadow: 0 0 0 0.25rem rgba(59,130,246,0.20);
    }

    .divider {
      height: 1px;
      background: rgba(255,255,255,0.10);
      margin: 1rem 0;
    }

    footer {
      border-top: 1px solid rgba(255,255,255,0.06);
      background: #0d1117;
    }


    @font-face {
            font-family: 'RobotReavers';
            src: url('/join_info/RobotReavers.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }

        /* ROBA header pinned to top-left */
        .navbar-brand {
            font-family: 'RobotReavers', sans-serif;
            font-size: 38px;
            color: white;
        }