/* Base styles */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Architecture diagram styles */
.architecture-diagram {
    position: relative;
    height: 500px;
    background-color: #1e293b;
    border-radius: 8px;
    overflow: hidden;
}

/* Animation for diagram elements */
@keyframes pulse {
    0%, 100% {
        opacity: 0.8;
    }
    50% {
        opacity: 1;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .architecture-diagram {
        height: 300px;
    }
}