.header-menu { display: flex; list-style: none; margin: 0; padding: 0; }
.header-action { background: #DE4C13; border-radius: 999px; color: #fff; display: inline-block; font-size: 0.96rem; font-weight: 500; letter-spacing: 0.2px; padding: 6px 18px; text-decoration: none; transition: all 0.2s ease; }
.header-title { color: #f2f2f2; font-size: 1.5rem; font-weight: 900; letter-spacing: -0.5px; margin: 0; }
.header-nav { align-items: center; display: flex; justify-content: flex-end; }
.header-wrapper { background: #031A32; border-bottom: 1px solid rgba(0,0,0,0.05); box-sizing: border-box; position: sticky; top: 0; width: 100%; z-index: 9999; }
.header-action:hover { background: #D7E051; color: #222; }
.header-item { align-items: center; display: flex; }
.header-container { align-items: center; display: flex; height: 70px; justify-content: space-between; margin: 0 auto; max-width: 1600px; padding: 0 24px; }
.header-brand { align-items: center; display: flex; gap: 12px; text-decoration: none; }
@media (max-width: 768px) { .header-container { height: 70px; padding: 0 16px; } .header-title { display: none; } .header-action { font-size: 0.95rem; padding: 10px 20px; } }

.logo-wrapper { display: inline-block; background-color: #D7E051; padding: 8px 16px 10px 16px; border-radius: 12px; transform: rotate(-3.5deg); font-family: Georgia, "Times New Roman", serif; font-size: 23px; font-weight: 900; font-style: italic; line-height: 1; letter-spacing: -1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
.logo-text-black { color: #031A32; }
.logo-text-orange { color: #f16100; padding-left: 2px; }