/* Arka plan ve genel görünüm */
    body,
    html {
        margin: 0;
        padding: 0;
        font-family: 'Segoe UI', sans-serif;
        height: 100%;
    }

    .h-screen {
        height: 100vh;
    }

    .bg-cover {
        background-size: cover;
    }

    .bg-no-repeat {
        background-repeat: no-repeat;
    }

    .bg-center {
        background-position: center;
    }

    /* Form ve içerik */
    .flex {
        display: flex;
    }

    .flex-col {
        flex-direction: column;
    }

    .items-center {
        align-items: center;
    }

    .justify-between {
        justify-content: space-between;
    }

    .pt-20 {
        padding-top: 5rem;
    }

    .w-72 {
        width: 18rem;
    }

    .mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .min-h-screen {
        min-height: 100vh;
    }

    /* Form elemanları */
    form {
        display: flex;
        flex-direction: column;
        width: 100%;
        animation: fadein 1s ease-in-out;
    }

    label {
        color: white;
        font-weight: bold;
        margin-bottom: 0.5rem;
    }

    input[type="text"] {
        margin-bottom: 1rem;
        padding: 0.5rem;
        border-radius: 0.375rem;
        border: 1px solid #ccc;
        outline: none;
        transition: border 0.2s ease;
    }

    input[type="text"]:focus {
        border-color: #3b82f6;
    }

    /* Buton */
    button {
        background-color: #dc2626;
        color: white;
        font-weight: bold;
        padding: 0.5rem 1rem;
        border: none;
        border-radius: 0.375rem;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    button:hover {
        background-color: #b91c1c;
    }

    /* Görsel */
    img {
        width: 100%;
        margin-bottom: 2rem;
        animation: fadein 1s ease-in-out;
    }

    /* Animasyon */
    @keyframes fadein {
        from {
            opacity: 0;
            transform: translateY(20px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }