.main-header { background-color: var(--header-bg); padding: 15px 0; position: sticky; top: 0; z-index: 998; border-bottom: 1px solid var(--border-color);}
    .header-content { display: flex; justify-content: space-between; align-items: center; }
    .header-left { display: flex; align-items: center; gap: 15px; }
    .logo { display: flex; align-items: center; gap: 10px; font-size: 24px; font-weight: 700; color: #FFFFFF; text-decoration: none; }
    .menu-toggle { background: none; border: 1px solid #555; width: 40px; height: 40px; border-radius: 8px; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; }
    .menu-toggle span { display: block; width: 22px; height: 2px; background: #FFFFFF; }
    .nav-buttons { display: flex; align-items: center; gap: 10px; }

    .btn { padding: 10px 20px; border-radius: 8px; border: 1px solid transparent; font-size: 14px; font-weight: 700; text-decoration: none; cursor: pointer; transition: all 0.2s; display: inline-block; }
    .btn-primary { background-color: var(--card-bg); color: var(--text-primary); border-color: var(--border-color); }
    .btn-primary:hover { background-color: var(--gray-dark); }
    .btn-dark { background-color: var(--accent-green); color: white; border-color: var(--accent-green); }
    .btn-dark:hover { background-color: var(--accent-green-hover); }