/* CSS Reset & Normalization */
*, *::before, *::after {box-sizing: border-box;}
* {margin: 0;}
html {scroll-behavior: smooth;}
html, body {height: 100%;}
body {line-height: 1.5; -webkit-font-smoothing: antialiased;}
img, picture, video, canvas, svg {display: block; max-width: 100%;}
input, button, textarea, select {font: inherit;}
p, h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word;}

/* Global Styles */
:root {
    --primary-color: #2c3e50;
    --secondary-color: #3498db;
    --accent-color: #e74c3c;
    --text-color: #333;
    --text-light: #666;
    --background: #000;
    --border-color: #ddd;
    --video-overlay-opacity: 0.4;
}

body {font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, sans-serif; color: var(--text-color); background-color: var(--background);}