*{margin:0;padding:0;box-sizing:border-box;}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f4f4f4;padding-top:80px; /* Add padding to prevent content from being hidden by fixed header */ }a{text-decoration:none;color:inherit;}ul{list-style:none;}.site-header{background-color:#0A2342;color:#fff;padding:1rem 0;box-shadow:0 2px 5px rgba(0,0,0,0.2);position:fixed;top:0;width:100%;z-index:1000; /* Make header sticky */}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;}.site-header .logo{font-size:2.2rem;font-weight:bold;color:#FFD700;text-transform:uppercase;letter-spacing:1px;transition:color 0.3s ease;}.site-header .logo:hover{color:#fff;}.header-right-items{display:flex;align-items:center;gap:40px; /* Space between nav and action buttons */}.main-nav .nav-list{display:flex;gap:25px;}.main-nav .nav-list a{color:#fff;font-weight:600;padding:5px 0;position:relative;transition:color 0.3s ease;}.main-nav .nav-list a::after{content:'';position:absolute;left:0;bottom:-5px;width:0;height:3px;background-color:#FFD700;transition:width 0.3s ease;}.main-nav .nav-list a:hover::after,.main-nav .nav-list a.active::after{width:100%;}.main-nav .nav-list a:hover,.main-nav .nav-list a.active{color:#FFD700;}.header-actions{display:flex;gap:10px; /* Space between register/login buttons */}.btn{display:inline-block;padding:8px 15px;border-radius:5px;font-weight:bold;text-align:center;transition:background-color 0.3s ease,color 0.3s ease;white-space:nowrap; /* Prevent text wrapping */}.btn-register{background-color:#FFD700;color:#0A2342;}.btn-register:hover{background-color:#e0b800;}.btn-login{background-color:transparent;border:2px solid #FFD700;color:#FFD700;}.btn-login:hover{background-color:#FFD700;color:#0A2342;}.hamburger-menu{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1001;}.hamburger-menu .bar{display:block;width:25px;height:3px;background-color:#FFD700;margin:5px 0;transition:all 0.3s ease;}.site-footer{background-color:#0A2342;color:#fff;padding:3rem 0 1rem;font-size:0.9rem;}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(3, 1fr);gap:40px;margin-bottom:2rem;}.footer-col h3{color:#FFD700;margin-bottom:1rem;font-size:1.1rem;}.footer-col p,.footer-col a{color:#ccc;line-height:1.8;transition:color 0.3s ease;}.footer-col a:hover{color:#FFD700;}.footer-branding .logo{font-size:1.8rem;color:#FFD700;font-weight:bold;margin-bottom:1rem;display:block;}.footer-bottom{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.1);color:#ccc;}@media (max-width: 992px){.main-nav .nav-list{gap:15px;}}@media (max-width: 768px){.header-container{padding:0 15px 15px; /* Adjust padding for mobile, add bottom padding for buttons */display:grid; /* Use CSS Grid for mobile layout */grid-template-columns:auto 1fr; /* Hamburger (auto width) | Logo (takes remaining space) */grid-template-rows:auto auto; /* Row 1: Hamb/Logo, Row 2: Buttons */gap:10px 0; /* Vertical gap between rows, no horizontal gap */align-items:center;}.hamburger-menu{display:block; /* Show hamburger menu on mobile */grid-column:1 / 2; /* Place in the first column */grid-row:1 / 2; /* Place in the first row */justify-self:start; /* Align to the start (left) of its cell */order:unset; /* Reset any flex order */}.site-header .logo{grid-column:2 / 3; /* Place in the second column */grid-row:1 / 2; /* Place in the first row */justify-self:center; /* Center horizontally within its cell */text-align:center; /* Ensure text is centered */margin:0; /* Reset any previous margins */}.header-right-items{display:contents; /* Make children participate directly in the parent grid */}.main-nav{display:none;flex-direction:column;position:fixed;top:0;right:0;width:100%;height:100vh;background-color:#0A2342;padding-top:80px;align-items:center;justify-content:flex-start;transform:translateX(100%);transition:transform 0.3s ease-in-out;z-index:1000;}.main-nav.open{transform:translateX(0);display:flex;}.main-nav .nav-list{flex-direction:column;gap:20px;text-align:center;}.main-nav .nav-list a{font-size:1.2rem;padding:10px 0;}.main-nav .nav-list a::after{left:50%;transform:translateX(-50%);}.header-actions{display:flex; /* Ensure buttons are visible on mobile */grid-column:1 / -1; /* Span full width across both columns */grid-row:2 / 3; /* Place in the second row */justify-content:center; /* Center buttons horizontally */width:100%;margin-top:10px; /* Add space from the logo row above */gap:15px;}.hamburger-menu.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg);}.hamburger-menu.active .bar:nth-child(2){opacity:0;}.hamburger-menu.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg);}.footer-container{grid-template-columns:1fr;text-align:center;}.footer-col{margin-bottom:2rem;}.footer-col:last-child{margin-bottom:0;}.footer-branding .logo{margin-left:auto;margin-right:auto;}}@media (max-width: 480px){.site-header .logo{font-size:1.8rem;}.footer-col h3{font-size:1rem;}}