/* css/critical.css dosyasına bu içeriği ekleyin */
/* CRITICAL CSS - Above the fold styles */
.logo, h1, .subtitle, .buttons-container {
    will-change: transform;
}

.container {
    opacity: 1;
    animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.logo img {
    width: auto;
    height: 8vh;
    max-width: 20vw;
}

.buttons-container {
    min-height: 34vh;
    position: relative;
}

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