/* Space Background Animation */
.space-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    background-color: #000; /* Siyah arka plan */
}

/* Typing Text Container */
.typing-text-container {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    text-align: center;
    width: 100%;
}

/* Typing Text Animation */
.typing-text {
    font-size: 3rem;
    font-weight: 700;
    color: #f8c822; /* Görseldeki sarı ton */
    text-shadow: 0 0 10px rgba(248, 200, 34, 0.7);
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

/* Cursor Animation */
.typing-text::after {
    content: '|';
    position: absolute;
    right: -10px;
    color: #f8c822;
    animation: blink 0.7s infinite;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.space-background canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Adjust landing-hero to work with the space background */
.landing-hero {
    position: relative;
    padding: 30px 0 10px 0; /* Alt boşluğu daha da azalttık */
    overflow: hidden;
    background: transparent; /* Remove any existing background */
    margin-top: 0; /* Üst boşluğu kaldır */
    margin-bottom: 0; /* Alt boşluğu kaldır */
}

.landing-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay for better text visibility */
    z-index: -1;
}

/* Ensure text is visible on the space background */
.landing-hero h1, 
.landing-hero h2, 
.landing-hero h3, 
.landing-hero p {
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

/* Add a glow effect to buttons */
.landing-hero .btn {
    box-shadow: 0 0 15px rgba(0, 123, 255, 0.5);
    transition: all 0.3s ease;
}

.landing-hero .btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 20px rgba(0, 123, 255, 0.8);
}