@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

* {
    font-family: 'Inter', sans-serif;
}

.gradient-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.chart-container {
    position: relative;
    height: 400px;
    margin: 20px 0;
}

.value-card {
    background: linear-gradient(145deg, #f8fafc, #e2e8f0);
    box-shadow: 20px 20px 60px #d1d9e6, -20px -20px 60px #ffffff;
}

.metric-card {
    background: linear-gradient(145deg, #ffffff, #f1f5f9);
    border: 1px solid #e2e8f0;
}

.logo-text {
    background: linear-gradient(135deg, #4F46E5, #7C3AED);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}

.section-divider {
    height: 2px;
    background: linear-gradient(90deg, transparent, #4E88E6, #712D91, transparent);
}

.sec-pad {
    padding: 7rem 0 4.2rem 0 !important;
}