:root {--primary-color: #007BFF;--secondary-color: #FFD700;--text-color: #333;--bg-dark: #222;--bg-light: #f4f4f4;--white: #fff;}body {margin: 0;font-family: Arial, sans-serif;line-height: 1.6;color: var(--text-color);background-color: var(--bg-light);padding-top: 70px; /* Added to prevent content from being hidden under the fixed header */
}a {text-decoration: none;color: var(--primary-color);}a:hover {text-decoration: underline;}/* Header Styles */.site-header {background-color: var(--bg-dark);color: var(--white);padding: 15px 0;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);position: fixed; /* Make the header fixed at the top */
top: 0; /* Position it at the very top */
width: 100%; /* Ensure it spans the full width */
z-index: 1000; /* Ensure it stays above other content */
}.header-container {max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;padding: 0 20px;}.site-header .logo {font-family: 'Georgia', serif;font-size: 2.2em;font-weight: bold;color: var(--secondary-color);text-transform: uppercase;letter-spacing: 1px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);transition: color 0.3s ease;}.site-header .logo:hover {color: var(--white);text-decoration: none;}.main-nav ul {list-style: none;margin: 0;padding: 0;display: flex;}.main-nav ul li {margin-left: 25px;}.main-nav ul li a {color: var(--white);font-weight: bold;padding: 5px 0;position: relative;transition: color 0.3s ease;}.main-nav ul li a::after {content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background-color: var(--secondary-color);transition: width 0.3s ease;}.main-nav ul li a:hover::after,.main-nav ul li a.active::after {width: 100%;}.main-nav ul li a:hover,.main-nav ul li a.active {color: var(--secondary-color);text-decoration: none;}.header-actions {display: flex;gap: 10px;}.btn {padding: 10px 20px;border: none;border-radius: 5px;font-weight: bold;cursor: pointer;transition: background-color 0.3s ease, color 0.3s ease;}.btn-primary {background-color: var(--primary-color);color: var(--white);}.btn-primary:hover {background-color: #0056b3;text-decoration: none;}.btn-secondary {background-color: var(--secondary-color);color: var(--bg-dark);}.btn-secondary:hover {background-color: #e0b800;text-decoration: none;}.nav-toggle {display: none;background: none;border: none;cursor: pointer;padding: 0;width: 30px;height: 24px;position: relative;z-index: 1001;}.nav-toggle .icon-bar {display: block;width: 100%;height: 3px;background-color: var(--white);margin: 5px 0;transition: all 0.3s ease;}/* Footer Styles */.site-footer {background-color: var(--bg-dark);color: var(--white);padding: 40px 0 20px;font-size: 0.9em;}.footer-container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}.footer-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;margin-bottom: 30px;}.footer-col h3 {color: var(--secondary-color);margin-bottom: 15px;font-size: 1.2em;}.footer-col p,.footer-col a {color: rgba(255, 255, 255, 0.7);line-height: 1.8;}.footer-col a:hover {color: var(--white);text-decoration: underline;}.footer-nav ul {list-style: none;padding: 0;margin: 0;}.footer-nav ul li {margin-bottom: 10px;}.footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.1);padding-top: 20px;text-align: center;position: relative;}.footer-bottom p {margin: 0;color: rgba(255, 255, 255, 0.6);}#scrollToTopBtn {display: none;position: fixed;bottom: 30px;right: 30px;z-index: 99;font-size: 24px;background-color: var(--secondary-color);color: var(--bg-dark);border: none;border-radius: 50%;width: 50px;height: 50px;cursor: pointer;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);transition: background-color 0.3s ease, transform 0.3s ease;line-height: 50px;text-align: center;}#scrollToTopBtn:hover {background-color: var(--primary-color);color: var(--white);transform: translateY(-5px);}/* Responsive Styles */@media (max-width: 768px) {.header-container {flex-wrap: wrap;justify-content: space-between;}.site-header .logo {font-size: 1.8em;}.nav-toggle {display: block;}.main-nav {order: 3;width: 100%;max-height: 0;overflow: hidden;transition: max-height 0.3s ease-out;background-color: rgba(34, 34, 34, 0.95);position: absolute;top: 65px;left: 0;right: 0;padding: 0;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);}.main-nav.active {max-height: 400px;padding: 20px 0;}.main-nav ul {flex-direction: column;text-align: center;}.main-nav ul li {margin: 10px 0;}.main-nav ul li a {padding: 10px 0;display: block;font-size: 1.1em;}.main-nav ul li a::after {left: 50%;transform: translateX(-50%);}.main-nav ul li a:hover::after,.main-nav ul li a.active::after {width: 50%;}.header-actions {order: 2;margin-left: auto;}/* Hamburger menu animation */.nav-toggle.active .icon-bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}.nav-toggle.active .icon-bar:nth-child(2) {opacity: 0;}.nav-toggle.active .icon-bar:nth-child(3) {transform: translateY(-8px) rotate(-45deg);}.footer-grid {grid-template-columns: 1fr;text-align: center;}.footer-col {margin-bottom: 20px;}}