:root {
    --blue-950: #07183e;
    --blue-900: #081b5c;
    --blue-800: #123da8;
    --blue-700: #1756cf;

    --cyan-500: #19b7f2;
    --cyan-400: #35c8ff;

    --text-900: #172033;
    --text-700: #475569;
    --text-500: #718096;

    --bg: #f5f8fc;
    --white: #ffffff;
    --border: #dbe4ef;

    --shadow: 0 14px 38px rgba(13, 47, 105, 0.10);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: var(--bg);
    color: var(--text-900);
    line-height: 1.55;
}

main {
    margin: 0;
    padding: 0;
}

img {
    display: block;
    max-width: 100%;
}

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

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