.xmail-header { width: 100%; box-sizing: border-box; color: #fff9da; background: linear-gradient(110deg, #172019, #353326); border-bottom: 1px solid #d6c79555; font-family: Arial, sans-serif; }
.xmail-header-inner { width: min(100% - 48px, 1440px); min-height: 90px; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 16px; box-sizing: border-box; }
.xmail-header-brand { color: #fff9da; font-size: 36px; font-weight: 700; letter-spacing: -.06em; line-height: 1.1; text-decoration: none; white-space: nowrap; }
.xmail-header-brand span { color: #dabc73; font-weight: 400; }
.xmail-header-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; }
.xmail-header-nav a, .xmail-header-nav button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 20px; box-sizing: border-box; border: 1px solid transparent; border-radius: 10px; font: 600 16px Arial, sans-serif; line-height: 1.4; color: #ded9c6; background: transparent; text-decoration: none; cursor: pointer; }
.xmail-header-nav form { margin: 0; }
.xmail-header-nav a:hover, .xmail-header-nav button:hover, .xmail-header-nav [aria-current="page"] { color: #efda9c; border-color: #dabc7340; background: #dabc730c; }
.xmail-header-nav .xmail-header-primary { color: #29271f; background: linear-gradient(110deg, #cbae69, #f2dfa6); border-color: #eed799; }
.xmail-header-nav .xmail-header-primary:hover { color: #171917; background: #f2dfa6; }
.xmail-header :focus-visible { outline: 2px solid #f3dc82; outline-offset: 4px; }
@media(max-width: 600px) { .xmail-header-inner { width: calc(100% - 32px); flex-wrap: wrap; gap: 12px; } .xmail-header-brand { font-size: 30px; } .xmail-header-nav { gap: 4px; } .xmail-header-nav a, .xmail-header-nav button { padding: 10px 12px; font-size: 14px; } }
@media(max-width: 380px) { .xmail-header-nav { width: 100%; justify-content: flex-start; } }