body {
    background: #111;
    color: #00ff88;
    font-family: "Courier New", monospace;
}

.terminal-wrapper {
    max-width: 900px;
    margin: 80px auto;
    padding: 20px;
    border-radius: 20px;
    background: radial-gradient(circle at center, #000 60%, #050505 100%);
    box-shadow:
        inset 0 0 40px rgba(0,0,0,1),
        0 0 30px rgba(0,255,136,0.1);
    position: relative;
}

.terminal-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    background: radial-gradient(circle at center, transparent 60%, rgba(0,0,0,0.4));
    pointer-events: none;
}

.terminal-link {
    display: block;
    color: #00ff88;
    text-decoration: none;
    padding: 6px 0;
}

.terminal-link:hover {
    text-shadow: 0 0 10px #00ff88;
    transform: translateX(6px);
}

.nav-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.nav-btn {
    cursor: pointer;
    color: #00ff88;
}

/* =========================
   RADIO FIX (FIELD TOOL)
   ========================= */

.form-check-input {
    background-color: transparent !important;
    border: 1px solid #ccc !important;
    width: 1.1em;
    height: 1.1em;
}

/* checked = Sandwave green */
.form-check-input:checked {
    background-color: #00ff88 !important;
    border-color: #00ff88 !important;
    box-shadow:
        0 0 6px rgba(0,255,136,0.4),
        0 0 10px rgba(0,255,136,0.2);
}

/* remove ugly focus ring */
.form-check-input:focus {
    box-shadow: none !important;
}

/* label spacing */
.form-check-label {
    margin-left: 6px;
    cursor: pointer;
}

/* =========================
   FIELD TOOL RADIO FIX
   ========================= */

.form-check {
    margin-bottom: 10px;
}

.form-check-input {
    background-color: transparent !important;
    border: 1px solid rgba(255,255,255,0.6) !important;
    width: 1.2em;
    height: 1.2em;
}

/* selected */
.form-check-input:checked {
    background-color: #00ff88 !important;
    border-color: #00ff88 !important;
    box-shadow:
        0 0 6px rgba(0,255,136,0.4),
        0 0 12px rgba(0,255,136,0.2);
}

/* remove ugly bootstrap glow */
.form-check-input:focus {
    box-shadow: none !important;
}

/* label alignment */
.form-check-label {
    cursor: pointer;
    color: #ddd;
}

.card.bg-dark {
    background: #1c1f24 !important;
    color: #e6edf3;
}

.form-control {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.2);
}

.form-control:focus {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #00ff88;
    box-shadow: none;
}