:root{
  --np-bg:#f4f4f5;
  --np-paper:#ffffff;
  --np-ink:#181a1f;
  --np-mute:#5a606b;
  --np-line:#dcdee3;
  --np-red:#c8232c;
  --np-red-dark:#9e1820;
  --np-soft:#fdf1f2;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.np-portal{
  background:var(--np-bg);
  color:var(--np-ink);
  font-family:'IBM Plex Sans',system-ui,sans-serif;
  font-size:15.5px;line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
.np-bound{max-width:1280px;margin:0 auto;padding:0 24px}

/* Ticker */
.np-ticker{background:var(--np-red);color:#fff;font-size:13px;padding:7px 0}
.np-ticker .np-bound{display:flex;gap:14px;align-items:center}
.np-ticker__tag{
  background:#fff;color:var(--np-red);font-weight:700;
  padding:2px 10px;font-size:11px;letter-spacing:.5px;text-transform:uppercase;
}
.np-ticker__text{font-weight:500}

/* Head */
.np-head{background:var(--np-paper);border-bottom:2px solid var(--np-ink)}
.np-head__row{display:flex;align-items:center;gap:24px;padding:16px 0}
.np-head__brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--np-ink)}
.np-head__brand img{width:42px;height:42px}
.np-head__name{font-weight:700;font-size:20px;line-height:1.1}
.np-head__slogan{font-size:12px;color:var(--np-mute);margin-top:2px;text-transform:uppercase;letter-spacing:1px}
.np-head__nav{display:flex;gap:22px;margin-left:auto}
.np-head__nav a{color:var(--np-ink);text-decoration:none;font-weight:500;font-size:14px;border-bottom:2px solid transparent;padding:6px 0}
.np-head__nav a:hover{border-bottom-color:var(--np-red);color:var(--np-red)}
.np-head__cta{
  background:var(--np-red);color:#fff;text-decoration:none;
  padding:10px 18px;font-weight:600;font-size:14px;border-radius:0;
}
.np-head__cta:hover{background:var(--np-red-dark)}

/* Grid */
.np-main{padding:28px 0 48px}
.np-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.np-grid__main{display:flex;flex-direction:column;gap:22px}
.np-grid__side{display:flex;flex-direction:column;gap:18px;position:sticky;top:20px}

/* Article */
.np-article{background:var(--np-paper);border:1px solid var(--np-line);padding:28px 32px}
.np-article__rubric{
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;
  color:var(--np-red);margin-bottom:12px;
}
.np-article__h1{font-size:34px;line-height:1.15;font-weight:700;margin:0 0 14px;letter-spacing:-.3px}
.np-article__h2{font-size:24px;font-weight:700;margin:0 0 16px;line-height:1.2}
.np-article__lead{font-size:18px;color:var(--np-ink);font-weight:500;margin:0 0 18px;line-height:1.45}
.np-article__body{font-size:16px;color:var(--np-ink)}
.np-article__body p{margin:0 0 14px}

.np-procedure{counter-reset:np;list-style:none;padding:0;margin:0;display:grid;gap:10px}
.np-procedure li{
  counter-increment:np;background:#fafafb;border-left:3px solid var(--np-red);
  padding:14px 16px 14px 56px;position:relative;font-size:15px;
}
.np-procedure li::before{
  content:counter(np);position:absolute;left:14px;top:12px;
  width:28px;height:28px;background:var(--np-red);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;
}

.np-questions{display:flex;flex-direction:column;gap:8px}
.np-questions details{
  background:#fafafb;border:1px solid var(--np-line);padding:14px 18px;
}
.np-questions summary{cursor:pointer;font-weight:600;font-size:15px}

/* Side widgets */
.np-widget{background:var(--np-paper);border:1px solid var(--np-line);padding:22px}
.np-widget__head{
  font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;
  color:#fff;background:var(--np-ink);
  padding:8px 12px;margin:-22px -22px 16px;
}
.np-widget--apply .np-widget__head{background:var(--np-red)}
.np-widget__p{margin:0 0 16px;font-size:14px;color:var(--np-mute)}
.np-applyform{display:flex;flex-direction:column;gap:12px}
.np-applyform__row input{
  width:100%;padding:12px 14px;font-family:inherit;font-size:15px;
  border:1px solid var(--np-line);background:#fff;color:var(--np-ink);
}
.np-applyform__row input:focus{outline:0;border-color:var(--np-red)}
.np-applyform__accept{display:flex;gap:8px;font-size:12px;color:var(--np-mute);align-items:flex-start}
.np-applyform__go{
  background:var(--np-red);color:#fff;border:0;padding:14px 18px;
  font-family:inherit;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:1px;
  cursor:pointer;transition:.2s;
}
.np-applyform__go:hover{background:var(--np-red-dark)}
.np-applyform__status{margin:6px 0 0;min-height:16px;font-size:12px;color:var(--np-mute)}
.np-applyform__status.is-ok{color:#1e6a2a}
.np-applyform__status.is-err{color:var(--np-red)}

.np-fact{list-style:none;padding:0;margin:0}
.np-fact li{padding:8px 0;border-bottom:1px dashed var(--np-line);font-size:14px}
.np-fact li:last-child{border-bottom:0}
.np-fact b{color:var(--np-red);display:block;font-size:17px}

.np-widget--note{background:var(--np-soft);border-color:var(--np-red)}
.np-widget__link{color:var(--np-red);text-decoration:none;font-weight:700;font-size:15px}

.np-foot{background:var(--np-ink);color:#a8acb5;padding:18px 0;margin-top:30px}
.np-foot__row{display:flex;justify-content:space-between;gap:14px;font-size:13px;flex-wrap:wrap}

@media(max-width:960px){
  .np-grid{grid-template-columns:1fr}
  .np-grid__side{position:static}
  .np-head__nav{display:none}
  .np-article__h1{font-size:26px}
}