@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap');

body {
    font-family: 'JetBrains Mono', monospace;
    background-color: #0f172a;
    color: #e2e8f0;
}

.gradient-text {
    background: linear-gradient(90deg, #B24B46, #F59E0B);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(178, 75, 70, 0.3);
}

.typing-effect {
    border-right: 2px solid #B24B46;
    animation: blink 0.75s step-end infinite;
}

@keyframes blink {
    from, to { border-color: transparent }
    50% { border-color: #B24B46 }
}

.badge {
    transition: all 0.2s ease;
}

.badge:hover {
    transform: scale(1.05);
}

header {
    background: radial-gradient(ellipse at center, rgba(15, 23, 42, 0.6) 0%, rgba(15, 23, 42, 0.9) 100%), url('background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 400px;
    border-radius: 20px;
}