body {
    font-family: "Roboto", sans-serif;
    background-color: #f8fafb;
}

p {
    color: #5f7f91; /* Daha okunabilir ve logo uyumlu bir gri tonu */
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Roboto", sans-serif;
    color: #0B2E40;
}

a {
    color: #18B1B1;
    transition: 0.3s all ease;
}

    a:hover {
        text-decoration: none !important;
        color: #0B2E40;
    }

.content {
    padding: 7rem 0;
}

h2 {
    font-size: 20px;
    color: #0B2E40;
}

/* Form stilleri */
.content .contents .form-group input,
.content .bg .form-group input {
    background: transparent;
    border-bottom: 1px solid #18B1B1;
    color: #0B2E40;
}

.content .contents .form-group label,
.content .bg .form-group label {
    font-size: 12px;
    color: #5f7f91;
}

/* Butonlar */
.content .btn {
    height: 54px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #18B1B1;
    color: #fff;
    border: none;
    border-radius: 4px;
    transition: 0.3s;
}

    .content .btn:hover {
        background-color: #0B2E40;
    }

/* Social login renkleri korunabilir veya turkuazla uyumlu hale getirilebilir */
.social-login a {
    color: #fff;
}

.control input:checked ~ .control__indicator {
    background: #18B1B1;
}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #0B2E40;
}