.mp-header{
  position:sticky;
  top:0;
  z-index:999;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--mp-border);
}
.admin-bar .mp-header{top:32px}
.mp-header__inner{
  min-height:82px;
  display:flex;
  align-items:center;
  gap:34px;
}
.mp-header__brand{flex:0 0 auto}
.mp-brand-link,
.mp-footer__logo{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}
.custom-logo-link{display:flex;align-items:center}
.custom-logo{max-height:46px;width:auto}
.mp-brand-mark{
  display:inline-flex;
  width:34px;height:34px;
  align-items:center;justify-content:center;
  border-radius:7px;
  background:linear-gradient(135deg,#1684ff,#0e63d6);
  color:#fff;font-weight:800;
}
.mp-brand-text{display:flex;flex-direction:column;line-height:1.1}
.mp-brand-text strong{font-size:18px}
.mp-brand-text small{margin-top:4px;color:var(--mp-muted);font-size:9px;font-weight:500}

.mp-nav{margin-left:auto}
.mp-nav__list{
  display:flex;
  align-items:center;
  gap:26px;
  list-style:none;
  margin:0;
  padding:0;
}
.mp-nav__list a{
  text-decoration:none;
  color:#42516a;
  font-size:14px;
  font-weight:600;
}
.mp-nav__list a:hover{color:var(--mp-primary)}

.mp-header__actions{
  display:flex;
  align-items:center;
  gap:16px;
}
.mp-login{
  text-decoration:none;
  color:#24344b;
  font-size:14px;
  font-weight:600;
}
.mp-register{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border-radius:9px;
  background:var(--mp-primary);
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  box-shadow:0 7px 18px rgba(22,119,238,.22);
}
.mp-register:hover{background:#0e67d1}

.mp-nav-toggle{
  display:none;
  width:42px;height:42px;
  margin-left:auto;
  padding:8px;
  border:1px solid var(--mp-border);
  border-radius:9px;
  background:#fff;
}
.mp-nav-toggle span{
  display:block;
  width:100%;
  height:2px;
  margin:5px 0;
  background:#203148;
}

.mp-page{margin:0}
.mp-index{padding:60px 0}
.mp-post-card{padding:24px 0;border-bottom:1px solid var(--mp-border)}
.mp-post-card h2{margin:0 0 10px}

.mp-footer{
  margin-top:0;
  background:#0d2037;
  color:#dbe6f2;
}
.mp-footer__top{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  padding:50px 0 36px;
}
.mp-footer__brand p{
  margin:16px 0 0;
  color:#9fb0c3;
  font-size:14px;
}
.mp-footer .mp-brand-text strong{color:#fff}
.mp-footer .mp-brand-text small{color:#9fb0c3}
.mp-footer__list{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:18px 28px;
  list-style:none;
  margin:0;
  padding:0;
}
.mp-footer__list a{
  text-decoration:none;
  color:#dbe6f2;
  font-size:13px;
  font-weight:500;
}
.mp-footer__bottom{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:20px 0 28px;
  border-top:1px solid rgba(255,255,255,.1);
  color:#8fa2b8;
  font-size:12px;
}

@media (max-width:1024px){
  .mp-header__inner{gap:18px}
  .mp-nav__list{gap:16px}
  .mp-header__actions{gap:10px}
}
@media (max-width:860px){
  .admin-bar .mp-header{top:46px}
  .mp-header__inner{min-height:70px}
  .mp-nav-toggle{display:block}
  .mp-nav{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    margin:0;
    background:#fff;
    border-top:1px solid var(--mp-border);
    border-bottom:1px solid var(--mp-border);
  }
  .mp-nav.is-open{display:block}
  .mp-nav__list{
    width:min(calc(100% - 40px),var(--mp-container));
    margin:0 auto;
    padding:16px 0;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
  }
  .mp-nav__list li{width:100%}
  .mp-nav__list a{display:block;padding:11px 0;width:100%}
  .mp-header__actions{display:none}
  .mp-footer__top{grid-template-columns:1fr}
  .mp-footer__list{justify-content:flex-start}
}
@media (max-width:600px){
  .mp-container{width:min(calc(100% - 28px),var(--mp-container))}
  .mp-footer__bottom{flex-direction:column}
}