:root { --color-primary: #0A4D5C; --color-primary-light: #1E8A99; --color-primary-dark: #083A45; --color-dark: #2C3E50; --color-medium: #5A6C7D; --color-light: #ECF0F1; --color-background: #F8FAFB; --color-white: #FFFFFF; --color-success: #10B981; --color-info: #3B82F6; --gradient-primary: linear-gradient(135deg, #0A4D5C 0%, #1E8A99 100%); --gradient-overlay: linear-gradient(135deg, rgba(10, 77, 92, 0.95) 0%, rgba(30, 138, 153, 0.90) 100%); --shadow-sm: 0 2px 4px rgba(10, 77, 92, 0.08); --shadow-md: 0 4px 12px rgba(10, 77, 92, 0.12); --shadow-lg: 0 8px 24px rgba(10, 77, 92, 0.16); --spacing-xs: 0.5rem; --spacing-sm: 1rem; --spacing-md: 2rem; --spacing-lg: 4rem; --spacing-xl: 6rem; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --transition-fast: all 0.2s ease; --transition-normal: all 0.3s ease; --transition-slow: all 0.5s ease; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 18px; line-height: 1.7; color: var(--color-dark); background-color: var(--color-background); -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
@media (max-width: 768px) {body { font-size: 16px; }}