/* Reset & Base */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Arial, sans-serif; line-height: 1.6; background: #1c1c1c; color: #f7f7f7; }
img { max-width: 100%; height: auto; display: block; margin: 15px 0; }

/* Header */
header { background: #000; padding: 20px; text-align: center; }
header h1 { font-size: 2.5rem; margin-bottom: 5px; color: #ff4c00; }
header p { font-size: 1rem; margin-bottom: 15px; }
nav ul { display: flex; justify-content: center; list-style: none; gap: 15px; }
nav ul li a { color: #f7f7f7; text-decoration: none; font-weight: bold; transition: color 0.3s; }
nav ul li a:hover { color: #ff4c00; }

/* Main Content */
main { max-width: 900px; margin: 30px auto; padding: 0 15px; }
section { margin-bottom: 50px; }
section h2 { color: #ff4c00; margin-bottom: 10px; font-size: 1.8rem; }
section p { font-size: 1rem; line-height: 1.8; }

/* Footer */
footer { text-align: center; padding: 20px; background: #000; color: #aaa; font-size: 0.9rem; }

/* Smooth Scroll */
html { scroll-behavior: smooth; }