body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #2C3539;
    color: #F5F5F5;
}

.hero {
    background: linear-gradient(135deg, #CD7F32 0%, #4B0082 100%);
    min-height: 60vh;
    display: flex;
    align-items: center;
}

.navbar-dark {
    background-color: #2C3539 !important;
}

.navbar-brand {
    font-weight: bold;
    font-size: 1.5rem;
    color: #F5F5F5 !important;
}

.card {
    background-color: #36454F;
    color: #F5F5F5;
    border: 1px solid #CD7F32;
    transition: transform 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

footer {
    background-color: #2C3539;
    color: #F5F5F5;
    margin-top: auto;
}

#typing {
    border-right: 2px solid #00BFFF;
    animation: blink-caret 1s step-end infinite;
}

@keyframes blink-caret {
    from, to { border-color: transparent; }
    50% { border-color: #00BFFF; }
}