:root{
--batlp-bg: #0a0b0d;
--batlp-bg-panel: #131519;
--batlp-bg-panel-2: #16181d;
--batlp-line: #24272c;
--batlp-line-soft: #1a1c20;
--batlp-text: #f2f1ed;
--batlp-text-dim: #9a9da3;
--batlp-text-faint: #5c5f66;
--batlp-red: #e8382b;
--batlp-radius: 4px;
--batlp-font-display: 'Space Grotesk', sans-serif;
--batlp-font-body: 'Inter', sans-serif;
--batlp-font-mono: 'IBM Plex Mono', monospace;
--batlp-max-width: 1120px;
} #main-header,
#et-top-navigation,
#et-secondary-nav,
.et-fixed-header{
display:none !important;
} #main-footer,
.et-l--footer{
display:none !important;
}
header.batlp-global-header *{ box-sizing:border-box; }
header.batlp-global-header{
position:sticky;
top:0;
z-index:9999;
background: var(--batlp-bg);
border-bottom:1px solid var(--batlp-line-soft);
font-family: var(--batlp-font-body);
}
header.batlp-global-header .nav{
display:flex;
align-items:center;
justify-content:space-between;
padding: 16px 32px;
max-width: var(--batlp-max-width);
margin:0 auto;
gap: 20px;
position:relative;
}
header.batlp-global-header .logo{
display:flex;
align-items:center;
gap:10px;
text-decoration:none;
flex-shrink:0;
}
header.batlp-global-header .logo-img,
header.batlp-global-header .custom-logo{
height:48px;
width:auto;
display:block;
}
header.batlp-global-header .logo small{
display:block;
font-family: var(--batlp-font-mono);
font-weight:400;
font-size:9px;
letter-spacing:0.22em;
color: var(--batlp-text-dim);
margin-top:1px;
}
header.batlp-global-header .nav-right{
display:flex;
align-items:center;
gap:28px;
flex:1;
justify-content:flex-end;
}
header.batlp-global-header .nav-menu{
list-style:none;
display:flex;
align-items:center;
gap:26px;
margin:0;
padding:0;
}
@supports not (gap: 1rem){
header.batlp-global-header .nav-menu li:not(:last-child){
margin-right:26px;
}
}
header.batlp-global-header .nav-menu a{
color: var(--batlp-text);
text-decoration:none;
font-size:14px;
font-weight:500;
opacity:0.82;
transition: color .15s ease, opacity .15s ease;
white-space:nowrap;
}
header.batlp-global-header .nav-menu a:hover{ color: var(--batlp-red); opacity:1; }
header.batlp-global-header .more-menu{
position:relative;
flex-shrink:0;
}
header.batlp-global-header .more-menu-toggle{
background:transparent;
border:1px solid var(--batlp-line);
color: var(--batlp-text-dim);
width:36px; height:36px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
cursor:pointer;
transition: border-color .15s ease, color .15s ease;
}
header.batlp-global-header .more-menu-toggle:hover{
border-color: var(--batlp-text-dim);
color: var(--batlp-text);
}
header.batlp-global-header .more-menu-panel{
position:absolute;
top: calc(100% + 12px);
right:0;
min-width:240px;
background: var(--batlp-bg-panel);
border:1px solid var(--batlp-line);
border-radius: var(--batlp-radius);
padding: 8px;
opacity:0;
visibility:hidden;
transform: translateY(-6px);
transition: opacity .15s ease, transform .15s ease, visibility .15s;
z-index:10000;
}
header.batlp-global-header .more-menu-panel.is-open{
opacity:1;
visibility:visible;
transform:none;
}
header.batlp-global-header .more-menu-list{
list-style:none;
margin:0;
padding:0;
}
header.batlp-global-header .more-menu-list a{
display:block;
padding: 10px 14px;
border-radius: 4px;
color: var(--batlp-text);
text-decoration:none;
font-size:14px;
white-space:nowrap;
transition: background .15s ease, color .15s ease;
}
header.batlp-global-header .more-menu-list a:hover{
background: var(--batlp-bg-panel-2);
color: var(--batlp-red);
}
header.batlp-global-header .nav-toggle{
display:none;
background:transparent;
border:none;
color: var(--batlp-text);
width:36px; height:36px;
align-items:center;
justify-content:center;
flex-shrink:0;
cursor:pointer;
}
@media (max-width: 860px){
header.batlp-global-header .nav-toggle{ display:flex; }
header.batlp-global-header .nav-right{
display:none;
position:absolute;
top:100%;
left:0;
right:0;
background: var(--batlp-bg-panel);
border-bottom:1px solid var(--batlp-line);
flex-direction:column;
align-items:stretch;
gap:18px;
padding: 22px 32px 26px;
}
header.batlp-global-header .nav-right.is-open{ display:flex; }
header.batlp-global-header .nav-menu{
flex-direction:column;
align-items:flex-start;
gap:14px;
}
header.batlp-global-header .more-menu-toggle{ display:none; }
header.batlp-global-header .more-menu-panel{
position:static;
opacity:1;
visibility:visible;
transform:none;
background:none;
border:none;
padding:0;
margin-top:4px;
}
header.batlp-global-header .more-menu-list a{ padding:8px 0; }
} footer.batlp-global-footer *{ box-sizing:border-box; }
footer.batlp-global-footer{
background: var(--batlp-bg);
padding: 56px 0 40px;
font-family: var(--batlp-font-body);
position:relative;
z-index:1;
}
footer.batlp-global-footer .batlp-container{
max-width: var(--batlp-max-width);
margin:0 auto;
padding: 0 32px;
}
footer.batlp-global-footer .footer-columns{
display:flex;
flex-wrap:wrap;
gap: 32px;
padding-bottom: 40px;
border-bottom:1px solid var(--batlp-line-soft);
}
footer.batlp-global-footer .footer-col{ flex:1 1 160px; }
footer.batlp-global-footer .footer-col-info{ flex:2.2 1 340px; }
@supports not (gap: 1rem){
footer.batlp-global-footer .footer-col{ margin-right:32px; }
}
footer.batlp-global-footer .footer-col h4{
font-size:13px;
font-weight:600;
letter-spacing:0.06em;
text-transform:uppercase;
color: var(--batlp-text);
margin:0 0 16px;
}
footer.batlp-global-footer .footer-col ul{
list-style:none;
margin:0;
padding:0;
}
footer.batlp-global-footer .footer-col li{ margin-bottom:10px; }
footer.batlp-global-footer .footer-col a{
color: var(--batlp-text-dim);
text-decoration:none;
font-size:14px;
transition: color .15s ease;
}
footer.batlp-global-footer .footer-col a:hover{ color: var(--batlp-red); }
footer.batlp-global-footer .footer-info-columns{
display:flex;
gap: 28px;
flex-wrap:wrap;
}
footer.batlp-global-footer .footer-info-list{
flex:1 1 0;
}
@supports not (gap: 1rem){
footer.batlp-global-footer .footer-info-list{ margin-right:28px; }
}
footer.batlp-global-footer .footer-support-list a{
display:flex;
align-items:center;
gap:10px;
}
footer.batlp-global-footer .footer-support-icon{
width:26px;
height:26px;
border-radius:50%;
background: var(--batlp-red);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
footer.batlp-global-footer .footer-brand-row{
display:flex;
align-items:center;
gap:20px;
flex-wrap:wrap;
padding: 28px 0;
border-bottom:1px solid var(--batlp-line-soft);
}
footer.batlp-global-footer .footer-brand-row .logo{
flex:1 1 0;
display:flex;
align-items:center;
justify-content:flex-start;
text-decoration:none;
}
footer.batlp-global-footer .footer-brand-row .logo-img,
footer.batlp-global-footer .footer-brand-row .custom-logo{
height:48px;
width:auto;
display:block;
}
footer.batlp-global-footer .footer-badge-chip{
display:inline-flex;
align-items:center;
flex:0 0 auto;
}
footer.batlp-global-footer .footer-badge-chip img{
display:block;
height:44px;
width:auto;
}
footer.batlp-global-footer .footer-brand-row .footer-links{
flex:1 1 0;
display:flex;
justify-content:flex-end;
gap:22px;
font-size:13px;
color: var(--batlp-text-dim);
flex-wrap:wrap;
margin:0;
padding:0;
}
footer.batlp-global-footer .footer-links a{ text-decoration:none; color: var(--batlp-text-dim); }
footer.batlp-global-footer .footer-links a:hover{ color: var(--batlp-text); }
footer.batlp-global-footer .footer-bottom{ padding-top: 22px; }
footer.batlp-global-footer .copyright{
font-size:12.5px;
color: var(--batlp-text-faint);
margin:0;
}
@media (max-width: 860px){
footer.batlp-global-footer .footer-col{ flex-basis: 45%; }
footer.batlp-global-footer .footer-col-info{ flex-basis: 100%; }
}
@media (max-width: 700px){
footer.batlp-global-footer .footer-brand-row{ flex-direction:column; text-align:center; }
footer.batlp-global-footer .footer-brand-row .logo{ justify-content:center; }
footer.batlp-global-footer .footer-links{ justify-content:center; }
}
@media (max-width: 560px){
footer.batlp-global-footer .footer-columns{ flex-direction:column; text-align:center; }
footer.batlp-global-footer .footer-info-columns{ flex-direction:column; gap:4px; }
footer.batlp-global-footer .footer-support-list a{ justify-content:center; }
footer.batlp-global-footer .batlp-container{ padding:0 20px; }
}