/* CPDA — visual foundation */

:root {
    --site-font-family: "Manrope", "Segoe UI", Arial, sans-serif;
    --primary-dark: #0b1f33;
    --primary-blue: #123b5d;
    --primary-light: #164e63;
    --accent-cyan: #21c7b7;
    --accent-blue: #1f6feb;
    --accent-gold: #f4b860;
    --text-light: #f8fbff;
    --text-muted: #64748b;
    --text-dark: #102a43;
    --card-bg: #ffffff;
    --surface: #f4f8fb;
    --surface-strong: #e9f2f7;
    --line: #dbe7ee;
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 10px;
    --shadow-sm: 0 8px 24px rgba(16, 42, 67, 0.07);
    --shadow-md: 0 18px 45px rgba(16, 42, 67, 0.12);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: var(--site-font-family);
    color: var(--text-dark);
    line-height: 1.6;
    background:
        radial-gradient(circle at 90% 4%, rgba(33, 199, 183, 0.08), transparent 22rem),
        #f8fbfd;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
}

a {
    color: inherit;
}

button,
input,
select,
textarea {
    font: inherit;
}

.container {
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
}

h1,
h2,
h3,
h4 {
    margin-top: 0;
    line-height: 1.16;
    font-weight: 750;
    color: var(--text-dark);
    letter-spacing: -0.035em;
}

h2 {
    margin-bottom: 1rem;
    text-align: center;
    font-size: clamp(2rem, 4vw, 3rem);
}

p {
    margin-top: 0;
}

::selection {
    color: #fff;
    background: var(--accent-blue);
}

@media (max-width: 700px) {
    .container {
        width: min(100% - 32px, 1160px);
    }
}