body{

background:#f5f5f5;

font-family:Arial;


}
/* ===========================
   HEADER
=========================== */
/* Header */

.site-header{

    background:#0d47a1;

    color:#fff;

    padding:20px 0;

    text-align:center;

    box-shadow:0 2px 10px rgba(0,0,0,.15);

}

.header-wrapper h1{

    margin:0;

    font-size:38px;

    letter-spacing:2px;

}

.header-wrapper p{

    margin-top:8px;

    font-size:18px;

}

/* Footer */

.site-footer{

    margin-top:40px;

    background:#0d47a1;

    color:#fff;

    text-align:center;

    padding:15px;

    font-size:15px;

}

.checkbox-container {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.5;
}

.checkbox-container input[type="checkbox"] {
    width: auto;
    margin-top: 4px;
    cursor: pointer;
}

.checkbox-container a {
    color: #0d47a1;
    text-decoration: none;
    font-weight: bold;
}

.checkbox-container a:hover {
    text-decoration: underline;
}
.container{

width:500px;

margin:50px auto;

background:white;

padding:30px;

border-radius:10px;

box-shadow:0 0 10px rgba(0,0,0,.2);

}

h1{

text-align:center;

color:#0d47a1;

}

h2{

text-align:center;

margin-bottom:20px;

}

label{

display:block;

margin-top:15px;

font-weight:bold;

}

input,

textarea{

width:100%;

padding:10px;

margin-top:5px;

border:1px solid #ccc;

border-radius:5px;

}

button{

width:100%;

padding:15px;

margin-top:20px;

background:#0d47a1;

color:white;

border:none;

border-radius:5px;

cursor:pointer;

font-size:18px;

}

button:hover{

background:#1565c0;

}