body { margin:0; font-family:Arial, sans-serif; background:#f4f4f4; font-size:18px; }
header { background:#ffffff; padding:25px; text-align:center; border-bottom:4px solid #cc0000; }
header img { max-width:320px; margin-bottom:10px; }
nav { background:#111; }
nav ul { list-style:none; margin:0; padding:0; display:flex; justify-content:center; flex-wrap:wrap; }
nav a { display:block; padding:16px 22px; color:white; text-decoration:none; font-weight:bold; }
nav a:hover { background:#cc0000; }
.container { max-width:900px; margin:40px auto; background:white; padding:40px; border-radius:10px; }
button { background:#cc0000; color:white; border:none; padding:12px 18px; border-radius:6px; cursor:pointer; font-size:16px; }
input, textarea { width:100%; padding:12px; margin-bottom:14px; font-size:16px; }
footer { text-align:center; padding:25px; background:black; color:white; margin-top:50px; }
/* Member Type Styling */
.member-type-group {
    display: flex;
    gap: 30px;
    margin: 10px 0 20px 0;
    flex-wrap: wrap;
}

.radio-option {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    cursor: pointer;
}

.radio-option input[type="radio"] {
    transform: scale(1.2);
    cursor: pointer;
}
.admin-tabs {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.admin-tabs a {
    text-decoration: none;
    padding: 8px 15px;
    background: #f5f5f5;
    border-radius: 5px;
    font-weight: bold;
}

.admin-tabs a.active {
    background: #cc0000;
    color: white;
}

.admin-table {
    width: 100%;
    border-collapse: collapse;
}

.admin-table th, .admin-table td {
    border: 1px solid #ddd;
    padding: 8px;
}

.admin-table th {
    background: #f2f2f2;
}
.admin-table button,
.admin-table a {
    font-size: 12px;
    padding: 4px 8px;
    margin: 2px;
    background: #ff0000;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    text: #ffffff;
}

.admin-table button:hover {
    background: #ddd;
}
<style>

.form-group{
    margin-bottom:20px;
}

.option-row{
    display:flex;
    align-items:center;
    gap:10px;
    margin:8px 0;
}

.option-row input{
    width:18px;
    height:18px;
}

.option-row label{
    cursor:pointer;
}

/* Mobile improvement */
@media (max-width:600px){

    .option-row{
        gap:12px;
        font-size:16px;
    }

}

.total-box{
    margin-top:20px;
    padding:20px;
    background:#f2f6ff;
    border:2px solid #2c5cff;
    border-radius:8px;
    font-size:20px;
    font-weight:bold;
}

</style>