.pn{position:sticky;top:0;z-index:900;background:#155e40;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.pn__in{max-width:1100px;margin:0 auto;padding:0 16px;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.pn__brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:16px}
.pn__logo{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;background:rgba(255,255,255,.14);border-radius:10px}
.pn__logo svg{width:20px;height:20px}
.pn__list{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.pn__link{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;color:#fff;text-decoration:none;font-size:14.5px;transition:background .15s}
.pn__link svg{width:18px;height:18px;opacity:.9}
.pn__link:hover{background:rgba(255,255,255,.12)}
.pn__link.is-active{background:rgba(255,255,255,.2);font-weight:700}
.pn__btn{display:none;background:none;border:0;cursor:pointer;padding:10px;flex-direction:column;gap:5px}
.pn__btn span{display:block;width:24px;height:2.5px;background:#fff;border-radius:2px}
#login{scroll-margin-top:80px}
@media (max-width:820px){
  .pn__btn{display:flex}
  .pn__nav{position:absolute;top:100%;right:0;left:0}
  .pn__list{display:none;flex-direction:column;gap:0;background:#155e40;padding:8px 12px 14px;box-shadow:0 10px 20px rgba(0,0,0,.2)}
  .pn__list.is-open{display:flex}
  .pn__link{padding:14px 12px;border-radius:8px;font-size:15.5px}
}