:root { --color-primary: #3D8EEB; --color-primary-light: #88CCFF; --color-primary-dark: #06283D; --color-primary-accent: #5A74EE; --color-primary-cta: #0D6EFD; --color-secondary: #FF9C39; --color-secondary-light: rgba(68, 155, 245, 0.15);  --color-text: #212121; --color-text-secondary: #3E3E59; --color-text-light: #D9D9D9; --color-text-dark: #1C1934; --color-text-tertiary: #5C5C75;  --white: #FFFFFF; --color-bg: #FFFFFF; --color-bg-light: #F8F9FA; --color-bg-dark: #212529;  --color-border: #EBEBEB; --color-border-light: #EAEAEA; --color-border-gray: #D0DDEA; --color-border-dark: rgba(18, 42, 82, 0.15); --color-shadow: rgba(0, 0, 0, 0.1); --color-shadow-blue: rgba(48, 124, 213, 0.03);  --color-footer-border: var(--color-border);
--color-footer-corner: var(--color-bg); --color-footer-link: var(--color-text-secondary); --color-social-bg: var(--color-bg);
--color-social-border: var(--color-border-dark); --gradient-header: linear-gradient(272deg, var(--color-primary) 27.37%, var(--color-primary-accent) 53.72%, var(--color-secondary) 78.05%);
--gradient-footer-border: linear-gradient(272deg, var(--color-primary) 27.37%, var(--color-primary-accent) 53.72%, var(--color-secondary) 78.05%); --border-radius: 8px;
--border-radius-lg: 24px; --box-shadow: 0 4px 6px var(--color-shadow);
--box-shadow-sm: 0px 3px 3px var(--color-shadow-blue); --transition: all 0.3s ease; --footer-gap: 36px; } * {
padding: 0;
margin: 0;
box-sizing: border-box;
text-decoration: none;
list-style: none;
} :root {
--trans: all 0.35s ease-in-out;
} html {
scroll-behavior: smooth;
overflow-x: hidden;
}
html * {
font-family: 'Segoe UI', Arial, sans-serif;
}
body {
font-family: 'Segoe UI', Arial, sans-serif;
color: var(--color-text);
line-height: 1.6;
background-color: var(--color-bg);
margin: 0;
position: relative;
overflow-x: hidden;
}
body .container {
position: relative;
} .main-container {
width: 100%;
max-width: 1440px;
margin: 0 auto;
background: white;
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 1020px) {
.container {
padding: 0 24px;
}
} h1, h2, h3, h4, h5, h6, p{
margin-block-start: 0;
margin-block-end: 0;
} img {
width: 100%;
display: block;
} main {
background-position: center 0px;
background-repeat: no-repeat;
background-size: contain;
} .fade-in {
opacity: 0;
transform: translateY(-20px);
transition: opacity 1s ease-out, transform 1s ease-out !important;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
} .overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
visibility: hidden;
opacity: 0;
z-index: 999;
transition: opacity 0.3s ease-in-out;
} .section-title {
font-size: 2.5rem;
font-weight: 700;
color: var(--color-text);
}
.row {
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
}
strong {
font-weight: 700;
}