:root{
  --ngn-navy:#06162d;--ngn-navy2:#0a2a4f;--ngn-gold:#f4b719;--ngn-gold2:#ffd45e;
  --ngn-purple:#6b3fe0;--ngn-blue:#1777e8;--ngn-green:#0f9b69;--ngn-orange:#ff7a00;
  --ngn-pink:#e94f8b;--ngn-ink:#17283f;--ngn-muted:#5c6c81;--ngn-line:#e5eaf1;--ngn-soft:#f7f9fc;
  --ngn-shadow:0 14px 34px rgba(26,47,84,.08)
}
body.public-site .public-content{max-width:none!important;padding:0!important}
.ngn-page{overflow:hidden;color:var(--ngn-ink)}
.ngn-hero{
  max-width:1480px;margin:18px auto 0;border-radius:28px;padding:52px;
  background:
    radial-gradient(circle at 88% 12%,rgba(255,210,80,.22),transparent 24%),
    radial-gradient(circle at 74% 85%,rgba(107,63,224,.27),transparent 28%),
    linear-gradient(120deg,#061a35,#0b395a 48%,#17386f 72%,#5930c5);
  color:#fff;box-shadow:0 24px 54px rgba(15,37,73,.16);position:relative;overflow:hidden
}
.ngn-hero:after{content:"";position:absolute;right:-100px;top:-110px;width:310px;height:310px;border-radius:50%;border:1px solid rgba(255,255,255,.1)}
.ngn-eyebrow{font-size:12px;line-height:1.35;letter-spacing:.15em;text-transform:uppercase;color:#ffd45e;font-weight:950}
.ngn-hero h1{font-size:clamp(42px,4vw,58px);line-height:1.04;letter-spacing:-.04em;margin:12px 0 14px;color:#fff}
.ngn-hero p{font-size:16px;line-height:1.72;color:#edf4fb;max-width:760px;margin:0}
.ngn-hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.ngn-hero-meta span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);font-size:12px}

.ngn-shell{max-width:1390px;margin:0 auto;padding:0 36px}
.ngn-tools{
  margin-top:-22px;position:relative;z-index:3;background:#fff;border:1px solid var(--ngn-line);
  border-radius:18px;padding:13px;box-shadow:0 16px 34px rgba(23,44,80,.10);display:flex;align-items:center;gap:10px;justify-content:space-between
}
.ngn-search{display:flex;align-items:center;gap:9px;flex:1;max-width:560px;border:1px solid #dce4ed;background:#f9fbfd;border-radius:12px;padding:10px 12px}
.ngn-search input{width:100%;border:0;outline:0;background:transparent;font-size:13px;color:#203149}
.ngn-tabs{display:flex;gap:7px;overflow:auto;scrollbar-width:none}
.ngn-tab{
  border:1px solid #e1e7ef;border-radius:999px;padding:9px 12px;background:#fff;font-size:12px;font-weight:900;color:#45566e;
  white-space:nowrap;cursor:pointer;transition:.22s ease
}
.ngn-tab:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(31,49,82,.08)}
.ngn-tab.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#0b2448,#6539d7);box-shadow:0 9px 20px rgba(73,50,166,.20)}

.ngn-featured{
  margin-top:34px;display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--ngn-line);
  background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--ngn-shadow)
}
.ngn-featured-media{min-height:360px;background:linear-gradient(135deg,#1d3f63,#835c24);position:relative;overflow:hidden}
.ngn-featured-media img{width:100%;height:100%;object-fit:cover;display:block}
.ngn-featured-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,20,41,.42))}
.ngn-featured-copy{padding:28px;display:flex;flex-direction:column;justify-content:center}
.ngn-label{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:7px 9px;border-radius:999px;background:#f3efff;color:#5f3bd0;font-size:12px;font-weight:950}
.ngn-featured h2{font-size:30px;line-height:1.18;letter-spacing:-.02em;margin:11px 0 10px;color:#17283f}
.ngn-featured p{font-size:13px;line-height:1.7;color:#5b6b80;margin:0}
.ngn-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px;font-size:12px;color:#718095}
.ngn-read{display:inline-flex;align-items:center;gap:7px;margin-top:17px;color:#5c39d3;font-size:12px;font-weight:900;text-decoration:none}

.ngn-head{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-top:36px}
.ngn-head h2{font-size:31px;line-height:1.15;margin:4px 0 0;color:#14243b}
.ngn-head p{font-size:13px;line-height:1.65;color:#5c6c81;margin:5px 0 0}
.ngn-count{padding:9px 11px;border-radius:11px;background:#f2edff;color:#5d39ce;font-size:12px;font-weight:900}

.ngn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.ngn-card{
  background:#fff;border:1px solid var(--ngn-line);border-radius:18px;overflow:hidden;box-shadow:var(--ngn-shadow);
  transition:.24s ease;display:flex;flex-direction:column
}
.ngn-card:hover{transform:translateY(-6px);box-shadow:0 20px 38px rgba(25,45,80,.12)}
.ngn-card-media{height:190px;background:linear-gradient(135deg,#29455f,#a3732d);overflow:hidden;position:relative}
.ngn-card:nth-child(3n+2) .ngn-card-media{background:linear-gradient(135deg,#0f6e62,#557647)}
.ngn-card:nth-child(3n+3) .ngn-card-media{background:linear-gradient(135deg,#183b61,#6536c8)}
.ngn-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.ngn-card:hover .ngn-card-media img{transform:scale(1.045)}
.ngn-category{position:absolute;left:12px;top:12px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.93);font-size:8.5px;font-weight:950;color:#17283f}
.ngn-card-body{padding:15px;display:flex;flex-direction:column;flex:1}
.ngn-date{font-size:12px;color:#748196;font-weight:850}
.ngn-card h3{font-size:17px;line-height:1.3;margin:6px 0 7px;color:#17283f}
.ngn-card p{font-size:11.5px;line-height:1.65;color:#5d6d82;margin:0}
.ngn-card .ngn-read{margin-top:auto;padding-top:14px}
.ngn-hidden{display:none!important}
.ngn-enter{animation:ngnEnter .3s ease both}
@keyframes ngnEnter{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}

.ngn-newsletter{
  margin-top:38px;border-radius:22px;padding:26px;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#fff;
  background:radial-gradient(circle at 90% 10%,rgba(255,210,80,.22),transparent 23%),linear-gradient(110deg,#061d3a,#0b5364 52%,#4d2bb8)
}
.ngn-newsletter h2{font-size:27px;line-height:1.18;margin:0 0 7px;color:#fff}
.ngn-newsletter p{font-size:12px;line-height:1.65;color:#e6eff8;margin:0}
.ngn-newsletter form{display:flex;gap:8px;min-width:min(440px,100%)}
.ngn-newsletter input{flex:1;border:0;border-radius:11px;padding:12px 13px;outline:none}
.ngn-newsletter button{border:0;border-radius:11px;padding:12px 14px;background:linear-gradient(135deg,var(--ngn-gold),var(--ngn-gold2));font-size:12px;font-weight:950;color:#152238;cursor:pointer}

/* article */
.ngn-article{max-width:1180px;margin:22px auto 70px;padding:0 24px}
.ngn-article-hero{border-radius:24px;overflow:hidden;background:#07182f;box-shadow:0 20px 44px rgba(23,42,75,.13)}
.ngn-article-image{height:440px;position:relative;background:linear-gradient(135deg,#24445f,#745126)}
.ngn-article-image img{width:100%;height:100%;object-fit:cover}
.ngn-article-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(5,20,41,.82))}
.ngn-article-title{position:absolute;z-index:2;left:34px;right:34px;bottom:30px;color:#fff}
.ngn-article-title h1{font-size:clamp(34px,4vw,52px);line-height:1.06;letter-spacing:-.035em;margin:9px 0 8px;color:#fff;max-width:900px}
.ngn-article-title p{font-size:12px;color:#e2edf7;margin:0}
.ngn-article-body{
  margin-top:14px;background:#fff;border:1px solid var(--ngn-line);border-radius:20px;padding:28px 34px;box-shadow:var(--ngn-shadow)
}
.ngn-article-body .prose{font-size:14px;line-height:1.82;color:#46566d}
.ngn-article-body .prose h2{font-size:26px;line-height:1.25;color:#17283f;margin-top:28px}
.ngn-article-body .prose h3{font-size:20px;color:#17283f}
.ngn-article-body .prose img{max-width:100%;height:auto;border-radius:14px}
.ngn-back{display:inline-flex;gap:7px;align-items:center;margin-top:18px;font-size:12px;font-weight:900;color:#5e3bd2;text-decoration:none}

.ngn-reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.ngn-reveal.show{opacity:1;transform:none}

@media(max-width:900px){
  .ngn-hero{margin:14px 14px 0;padding:38px 28px}.ngn-shell{padding:0 18px}
  .ngn-tools{flex-direction:column;align-items:stretch}.ngn-search{max-width:none}.ngn-featured{grid-template-columns:1fr}.ngn-featured-media{min-height:300px}
  .ngn-grid{grid-template-columns:1fr 1fr}.ngn-newsletter{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .ngn-hero{border-radius:20px;padding:30px 21px}.ngn-hero h1{font-size:35px}.ngn-hero p{font-size:13.5px}
  .ngn-featured-media{min-height:240px}.ngn-featured-copy{padding:20px}.ngn-featured h2{font-size:25px}
  .ngn-head{flex-direction:column;align-items:flex-start}.ngn-head h2{font-size:27px}.ngn-head p{font-size:12px}
  .ngn-grid{grid-template-columns:1fr}.ngn-card-media{height:205px}
  .ngn-newsletter{padding:22px}.ngn-newsletter form{min-width:0;width:100%;flex-direction:column}
  .ngn-article{padding:0 14px}.ngn-article-image{height:410px}.ngn-article-title{left:20px;right:20px;bottom:22px}.ngn-article-title h1{font-size:34px}
  .ngn-article-body{padding:21px}.ngn-article-body .prose{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .ngn-reveal{opacity:1!important;transform:none!important}
}