/* Main CSS */
.gradient-bg {
    background: linear-gradient(135deg, #6e8efb, #a777e3);
}
.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.typewriter {
    overflow: hidden;
    border-right: .15em solid #a777e3;
    white-space: nowrap;
    margin: auto auto;
    letter-spacing: .15em;
    animation: typing 3.5s steps(15, end), blink-caret .75s step-end infinite   ;
}
@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}
@keyframes blink-caret {
    from, to { border-color: transparent }
    90% { border-color: #a777e3; }
}
.markdown-content h1 {
    @apply text-2xl font-bold mb-4 mt-6;
}
.markdown-content h2 {
    @apply text-xl font-bold mb-3 mt-5;
}
.markdown-content p {
    @apply mb-4;
}
.markdown-content code {
    @apply bg-gray-100 px-2 py-1 rounded text-sm font-mono;
}
.markdown-content pre {
    @apply bg-gray-800 text-gray-100 p-4 rounded mb-4 overflow-x-auto;
}
.markdown-content ul {
    @apply list-disc pl-5 mb-4;
}