body {
    font-family: 'Inter', sans-serif;
    background-color: #0a192f;
    color: #cbd5e1;
}

/* Custom gradient for hero section */
.hero-gradient {
    background: linear-gradient(180deg, rgba(10, 25, 47, 0.8) 0%, #0a192f 100%);
}

/* Custom gradient for titles */
.text-gradient {
    background: linear-gradient(90deg, #6366f1, #a855f7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Animation for sections */
.reveal {
    position: relative;
    transform: translateY(100px);
    opacity: 0;
    transition: all 1s ease;
}

.reveal.active {
    transform: translateY(0px);
    opacity: 1;
}

/* FIX FOR LOGO TEXT SPACING AND ALIGNMENT */
.logo-text-wrapper {
    /* Kills the space caused by whitespace between inline elements */
    font-size: 0; 
    /* NEW: Shifts the entire text block down slightly for visual center alignment */
    position: relative;
    top: 0.15rem;
    display: inline-block;
}

.logo-text-wrapper span {
    /* Restores the font size */
    font-size: 1.5rem; /* Equivalent to the text-2xl size set on the parent <a> tag */
    line-height: 1.2; 
    vertical-align: middle;
}