/* General Styles */
body {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    margin: 0;
    padding: 0;
    background: green;
    /* Green background */
    color: white;
    /* White text for content */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Container for Content */
.container {
    text-align: center;
    padding: 50px 20px;
}

/* Headline and Subheading Styling */
.main-text {
    margin-bottom: 50px;
}

.main-text h1 {
    font-size: 2.5em;
    color: white;
    /* Ensure text color is white */
}

.subheading {
    font-size: 1.2em;
    color: white;
    /* Ensure subheading color is white */
    margin-bottom: 30px;
}

/* Form Container Styling */
.form-container {
    width: 80%;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: white;
    color: black;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.field-group {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}

.field-group label {
    margin-bottom: 5px;
    color: #333;
    font-weight: bold;
}

.field-group input,
.field-group select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

input[type="submit"] {
    background-color: #28a745;
    /* Green background for submit button */
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    font-size: 16px;
}

input[type="submit"]:hover {
    background-color: #218838;
}

/* Button Styling */
.grid-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.grid-buttons button {
    background: white;
    color: green;
    border: none;
    padding: 15px 30px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 1em;

    [_ {
            {
                {
                CITATION {
                        {
                            {
                            _1 {
                                ](https: //github.com/wiindha/PraktikumWebD/tree/8e0aa794f31847c2ad46b081a1427cafec12f6fe/Tugas12%2FMasuk.php)[_{{{CITATION{{{_2{](https://github.com/ciron/Chironjit-Roy/tree/2092b7ea6b5f9f346ea598cae49046aba838f296/user-reg%2Finsert.php)[_{{{CITATION{{{_3{](https://github.com/alaminmegh/Web-Tech-Task/tree/4c986224c1bc09e273886fa285ea50b27591557c/Project%2Fsignup.php)[_{{{CITATION{{{_4{](https://github.com/theunclehonnor/kinooboze/tree/8c84a3a8b4945a75b7b27b9288d67230e67345a6/public%2Fregistration.php)[_{{{CITATION{{{_5{](https://github.com/sarvesh12k26/Well-Wishers/tree/dac053eef3c7a93d5618b3f7cc70aa621d213028/loc_fr%2Fresources%2Fviews%2Fauth%2Fregister.blade.php)[_{{{CITATION{{{_6{](https://github.com/faizanahmedraza/WebSystems/tree/d46f03dc906b8e9783ff51d8ca0a9ca301913361/pdo_crud_using_procedural_style%2Fadd.php)[_{{{CITATION{{{_7{](https://github.com/JoaoGomes5/PDO/tree/a6b8f261aa56d3e300d8426d725ee8eb5c17bd8f/index.php)[_{{{CITATION{{{_8{](https://github.com/LisaWijffels/toppics/tree/25287702347817b841461bdb569d345ac76a4af1/login.php)[_{{{CITATION{{{_9{](https://github.com/Mostafa-AbdElfattah/Full-Stack-10-Back-End/tree/0b73405c624a41dce608c71dda20ccdb03013b6d/Session_4-tasks%2FTask2%2Findex.php)[_{{{CITATION{{{_10{](https://github.com/Ma-Stack-oss/Projetos/tree/08f6cf30016db3ef0678c7e1f593f9e183d5cb01/TCC%2Flogin.php)[_{{{CITATION{{{_11{](https://github.com/broekeson/authentication/tree/ae11482c8fb0f8423d3c376c386b9a06d432738a/index.php)