:root {
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --surface-card: rgba(255, 255, 255, 0.85);
    --surface-card-alt: rgba(249, 251, 253, 0.9);
    --text-primary: #0b1c26;
    --text-secondary: #2c4758;
    --text-muted: #5e7a8c;
    --border-light: rgba(238, 243, 250, 0.6);
    --accent: #2c7a7a;
    --accent-dark: #1f5e5e;
    --accent-glow: rgba(44, 122, 122, 0.15);
    --transition: all 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    --gradient-start: #f0f4f9;
    --gradient-end: #ffffff;
    --radial-glow: rgba(44, 122, 122, 0.08);
}

body.dark {
    --bg-primary: #0a0c12;
    --bg-secondary: #0f1118;
    --surface-card: rgba(20, 23, 31, 0.85);
    --surface-card-alt: rgba(27, 30, 40, 0.9);
    --text-primary: #edf2f7;
    --text-secondary: #cbd5e6;
    --text-muted: #8b9ab0;
    --border-light: rgba(37, 43, 54, 0.6);
    --accent: #5bc0be;
    --accent-dark: #48a9a7;
    --accent-glow: rgba(91, 192, 190, 0.15);
    --gradient-start: #0f1118;
    --gradient-end: #080b10;
    --radial-glow: rgba(91, 192, 190, 0.08);
}

h1,h2,h3,h4,h5 {
    margin:0;
    line-height:1.3;
}

a {
    outline:none;
    color:inherit;
    text-decoration:none;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

section {
    animation: fadeUp 0.5s ease;
}

.section-title {
    font-size: 2.4rem;
    font-weight: 800;
    text-align: center;
}

.section-desc {
    text-align: center;
    margin:12px 0 48px;
    color:#666;
}

@media screen and (max-width:650px) {

    .section-title {
        font-size: 1.75rem;
    }

    .section-desc {
        margin:8px 0 32px;
        font-size:14px;
    }

    .hide-on-mobile {
        display:none !important;
    }
}