.npp40 {
  --lilac: #b89ef8;
  --lilac-deep: #7c5cbf;
  --yellow: #f0d060;
  --yellow-warm: #e8b840;
  --grad: linear-gradient(135deg, #2a1a4a 0%, #1e0f3a 50%, #0f0820 100%);
  --grad-accent: linear-gradient(120deg, #b89ef8 0%, #d4b8ff 45%, #f0d060 100%);
  --grad-btn: linear-gradient(120deg, #9d7ef0 0%, #c4a0ff 50%, #f0d060 100%);
  --surface: #150d28;
  --surface2: #1d1235;
  --surface3: #231640;
  --dark: #0a0614;
  --card-bg: #1a1030;
  --text: #e8e0ff;
  --text-soft: #c0b0e8;
  --muted: #7a6a9a;
  --border: rgba(180,150,255,0.12);
  --border-bright: rgba(180,150,255,0.3);
}
.npp40 {
 margin: 0; padding: 0; box-sizing: border-box; 
}
.npp40 {
  font-family: 'Nunito', sans-serif;
  background: var(--surface);
  color: var(--text);
  overflow-x: hidden;
}
.npp40 body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 9999;
  mix-blend-mode: overlay;
}
.npp40 .hero {
  min-height: 100vh;
  background: radial-gradient(ellipse 80% 70% at 50% 0%, #3a1f6e 0%, #1a0d35 45%, #080410 100%);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  padding: 80px 60px 0px;
  overflow: hidden;
  position: relative;
}
.npp40 .hero::before {
  content: '';
  position: absolute;
  width: 700px; height: 700px;
  background: radial-gradient(circle, rgba(180,140,255,0.18) 0%, transparent 65%);
  top: -200px; left: 50%; transform: translateX(-50%);
  border-radius: 50%;
}
.npp40 .hero::after {
  content: '';
  position: absolute;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(240,208,96,0.12) 0%, transparent 70%);
  bottom: -60px; right: 10%;
  border-radius: 50%;
}
.npp40 .hero-stars {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.npp40 .star {
  position: absolute;
  width: 2px; height: 2px;
  background: white;
  border-radius: 50%;
  opacity: 0;
  animation: twinkle var(--d) ease-in-out infinite var(--delay);
}
.npp40 .hero-badge {
  display: inline-block;
  background: rgba(180,150,255,0.12);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(180,150,255,0.3);
  border-radius: 50px;
  padding: 8px 22px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--lilac);
  margin-bottom: 28px;
  animation: fadeUp 0.6s ease both;
}
.npp40 .hero h1 {
  font-family: 'Unbounded', sans-serif;
  font-size: clamp(36px, 7vw, 80px);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -2px;
  color: #ffffff;
  margin-bottom: 8px;
  animation: fadeUp 0.7s ease both;
  text-shadow: 0 0 60px rgba(180,140,255,0.4);
  white-space: nowrap;
}
.npp40 .hero h1 span {
  font-size: inherit;
  font-weight: 900;
  letter-spacing: -2px;
  display: inline;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}
.npp40 .hero h1 .h1-gradient {
  background: var(--grad-accent);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.npp40 .hero-sub {
  font-size: clamp(15px, 2.5vw, 19px);
  color: var(--text-soft);
  max-width: 520px;
  margin: 28px 0 44px;
  line-height: 1.7;
  animation: fadeUp 0.9s ease both;
}
.npp40 .hero-cta {
  display: flex;
  gap: 14px;
  justify-content: flex-start;
  flex-wrap: wrap;
  animation: fadeUp 1s ease both;
}
.npp40 .btn {
  display: inline-block;
  padding: 16px 36px;
  border-radius: 100px;
  font-family: 'Nunito', sans-serif;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  border: none;
  transition: transform 0.25s, box-shadow 0.25s;
}
.npp40 .btn-primary {
  background: var(--grad-btn);
  color: #1a0d35;
  box-shadow: 0 8px 32px rgba(157,126,240,0.45);
}
.npp40 .btn-primary:hover {
  transform: translateY(-4px) scale(1.03);
  box-shadow: 0 16px 48px rgba(157,126,240,0.65);
}
.npp40 .btn-ghost {
  background: rgba(180,150,255,0.08);
  backdrop-filter: blur(12px);
  border: 1.5px solid rgba(180,150,255,0.3);
  color: var(--lilac);
}
.npp40 .btn-ghost:hover {
  transform: translateY(-4px);
  background: rgba(180,150,255,0.15);
  border-color: rgba(180,150,255,0.5);
}
.npp40 .hero-scroll {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  animation: bounce 2s infinite;
  font-size: 22px;
  color: var(--muted);
}
.npp40 .blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.25;
  pointer-events: none;
}
.npp40 .blob-1 { width: 350px; height: 350px; background: #8855ff; top: 15%; right: 0%; animation: float 9s ease-in-out infinite; }
.npp40 .blob-2 { width: 250px; height: 250px; background: #d4a010; bottom: 20%; left: 2%; animation: float 12s ease-in-out infinite reverse; }
.npp40 .accred-bar {
  background: linear-gradient(90deg, #0f0820, #1a0d35, #0f0820);
  border-bottom: 1px solid var(--border);
  color: var(--text-soft);
  text-align: center;
  padding: 12px 24px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
}
.npp40 .accred-bar span { color: var(--yellow); margin: 0 10px; }
.npp40 section { padding: 90px 24px; }
.npp40 .container { max-width: 1100px; margin: 0 auto; }
.npp40 .section-label {
  display: inline-block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--lilac-deep);
  margin-bottom: 14px;
  border-left: 2px solid var(--lilac-deep);
  padding-left: 10px;
}
.npp40 .section-title {
  font-family: 'Unbounded', sans-serif;
  font-size: clamp(24px, 4vw, 42px);
  font-weight: 900;
  color: #ffffff;
  line-height: 1.15;
  margin-bottom: 20px;
}
.npp40 .section-title em { font-style: normal; background: var(--grad-accent); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.npp40 .results {
  background: #0e0820;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.npp40 .results-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  margin-top: 48px;
}
.npp40 .result-card {
  background: linear-gradient(160deg, #241850 0%, #1a1038 100%);
  border: 1px solid rgba(180,150,255,0.25);
  border-radius: 24px;
  padding: 32px 24px;
  text-align: center;
  transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
}
.npp40 .result-card:hover {
  transform: translateY(-6px);
  border-color: rgba(180,150,255,0.5);
  box-shadow: 0 12px 40px rgba(120,80,200,0.35);
}
.npp40 .result-icon { font-size: 40px; margin-bottom: 14px; }
.npp40 .result-card h3 { font-family: 'Unbounded', sans-serif; font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.npp40 .result-card p { font-size: 14px; color: var(--text-soft); line-height: 1.5; }
.npp40 .modules { background: var(--surface); }
.npp40 .modules-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 14px;
  margin-top: 48px;
}
.npp40 .module-card {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 22px 20px;
  transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
  cursor: default;
}
.npp40 .module-card.hidden-module { display: none; }
.npp40 .modules-grid.expanded .module-card.hidden-module { display: block; }
.npp40 .module-card:hover {
  border-color: rgba(180,150,255,0.4);
  box-shadow: 0 10px 30px rgba(100,60,180,0.3);
}
.npp40 .module-num {
  font-family: 'Unbounded', sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: var(--lilac-deep);
  letter-spacing: 2px;
  margin-bottom: 8px;
}
.npp40 .module-card h4 { font-size: 14px; font-weight: 700; color: var(--text); line-height: 1.4; }
.npp40 .module-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  cursor: pointer;
  gap: 8px;
}
.npp40 .module-expand-btn {
  flex-shrink: 0;
  width: 22px; height: 22px;
  border-radius: 50%;
  border: 1px solid var(--border-bright);
  background: transparent;
  color: var(--lilac);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, transform 0.3s;
  margin-top: 2px;
}
.npp40 .module-card.open .module-expand-btn {
  transform: rotate(45deg);
  background: rgba(180,150,255,0.15);
}
.npp40 .module-lessons {
  display: none;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--border);
}
.npp40 .module-card.open .module-lessons { display: block; }
.npp40 .module-lessons ol { padding-left: 18px; margin: 0; }
.npp40 .evt-highlight {
  font-size: 13px;
  font-weight: 700;
  color: var(--yellow);
  background: rgba(240, 208, 96, 0.1);
  border: 1px solid rgba(240, 208, 96, 0.3);
  border-radius: 8px;
  padding: 7px 12px;
  margin-bottom: 10px;
}
.npp40 .module-lessons li { font-size: 13px; color: var(--text-soft); line-height: 1.6; padding: 2px 0; }
.npp40 .modules-toggle-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 32px auto 0;
  background: transparent;
  border: 1px solid var(--border-bright);
  color: var(--lilac);
  font-family: 'Nunito', sans-serif;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 32px;
  border-radius: 50px;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}
.npp40 .modules-toggle-btn:hover { background: rgba(180,150,255,0.1); border-color: var(--lilac); }
.npp40 .modules-toggle-btn .arrow { display: inline-block; transition: transform 0.3s; }
.npp40 .modules-toggle-btn.expanded .arrow { transform: rotate(180deg); }
.npp40 .speakers { background: var(--surface2); }
.npp40 .speakers-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 24px;
  margin-top: 48px;
}
.npp40 .speaker-card {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 28px 24px;
  transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
}
.npp40 .speaker-card:hover {
  transform: translateY(-4px);
  border-color: rgba(180,150,255,0.4);
  box-shadow: 0 12px 40px rgba(100,60,180,0.25);
}
.npp40 .speaker-avatar {
  width: 90px; height: 90px;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 14px;
  border: 2px solid rgba(180,140,255,0.25);
  font-size: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--surface);
}
.npp40 .speaker-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.npp40 .speaker-name { font-family: 'Unbounded', sans-serif; font-size: 16px; font-weight: 900; color: white; margin-bottom: 6px; line-height: 1.3; }
.npp40 .speaker-role {
  font-size: 12px; font-weight: 700; color: var(--lilac);
  background: rgba(180,140,255,0.1); border: 1px solid rgba(180,140,255,0.2);
  border-radius: 20px; padding: 4px 12px; display: inline-block; margin-bottom: 14px;
}
.npp40 a.speaker-tag { font-size: 11px; font-weight: 700; color: var(--lilac-deep); letter-spacing: 1px; margin-bottom: 6px; text-decoration: none; display: inline-block; transition: color 0.2s; }
.npp40 a.speaker-tag:hover { color: #d4b8ff; }
.npp40 .speaker-bio { font-size: 13px; color: var(--text-soft); line-height: 1.7; }
.npp40 .speaker-bio strong { color: var(--yellow); font-weight: 700; }
.npp40 .speaker-card.featured {
  grid-column: 1 / -1; display: flex; flex-direction: row; gap: 40px; align-items: flex-start;
  background: linear-gradient(135deg, rgba(180,140,255,0.12) 0%, rgba(255,210,80,0.06) 100%);
  border: 1px solid rgba(180,140,255,0.35); padding: 40px; position: relative; overflow: hidden;
}
.npp40 .speaker-card.featured::before {
  content: '★ Главный спикер'; position: absolute; top: 16px; right: 20px;
  font-size: 11px; font-weight: 800; letter-spacing: 1.5px; color: var(--yellow); text-transform: uppercase;
}
.npp40 .speaker-card.featured .speaker-avatar { width: 160px; height: 160px; border-radius: 24px; flex-shrink: 0; }
.npp40 .speaker-card.featured .speaker-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 24px; }
.npp40 .speaker-card.featured .speaker-info { flex: 1; }
.npp40 .speaker-card.featured .speaker-name { font-size: 28px; margin-bottom: 6px; }
.npp40 .speaker-card.featured .speaker-role { font-size: 14px; margin-bottom: 4px; }
.npp40 .speaker-card.featured .speaker-bio { font-size: 14px; line-height: 1.75; }
.npp40 .speaker-featured-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 14px; }
.npp40 .speaker-featured-tag {
  padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: 700;
  background: rgba(255,210,80,0.12); border: 1px solid rgba(255,210,80,0.35); color: var(--yellow);
}
.npp40 .social-btn {
  display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px;
  border-radius: 25px; font-size: 13px; font-weight: 700; text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s;
}
.npp40 .social-btn:hover { transform: translateY(-2px); opacity: 0.9; box-shadow: 0 6px 20px rgba(0,0,0,0.25); }
.npp40 .social-btn--instagram { background: linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); color: #fff; }
.npp40 .social-btn--telegram { background: linear-gradient(135deg, #2AABEE, #1a8fd1); color: #fff; }
.npp40 .tariffs {
  background: radial-gradient(ellipse 100% 80% at 50% 50%, #1e103c 0%, #0d0720 100%);
  border-top: 1px solid var(--border);
}
.npp40 .tariffs .section-title { color: white; }
.npp40 .tariff-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px; margin-top: 48px; align-items: stretch;
}
.npp40 @supports (grid-template-rows: subgrid) {
  .tariff-grid { grid-template-rows: auto; }
  .tariff-card { grid-template-rows: unset; }
}
.npp40 .tariff-card {
  background: linear-gradient(160deg, #1e1240 0%, #130c28 100%);
  border: 1px solid var(--border); border-radius: 28px; padding: 36px 28px;
  position: relative; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
  display: flex; flex-direction: column;
}
.npp40 .tariff-card .tariff-badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); }
.npp40 .tariff-features { flex: 1; }
.npp40 .tariff-card:hover {
  transform: translateY(-6px); border-color: rgba(180,150,255,0.4);
  box-shadow: 0 16px 50px rgba(80,40,160,0.4);
}
.npp40 .tariff-card.featured {
  background: linear-gradient(160deg, #2a1858 0%, #180e38 100%);
  border: 1.5px solid rgba(180,150,255,0.5); box-shadow: 0 0 60px rgba(130,90,220,0.3);
}
.npp40 .tariff-card.vip {
  background: linear-gradient(160deg, #241808 0%, #140e04 100%);
  border: 1.5px solid rgba(220,180,60,0.5); box-shadow: 0 0 60px rgba(200,160,40,0.2);
}
.npp40 .tariff-badge {
  position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
  background: var(--grad-btn); color: #1a0d35; font-size: 10px; font-weight: 800;
  letter-spacing: 2px; text-transform: uppercase; padding: 5px 18px; border-radius: 50px; white-space: nowrap;
}
.npp40 .tariff-name { font-family: 'Unbounded', sans-serif; font-size: 18px; font-weight: 900; color: white; margin-bottom: 6px; }
.npp40 .tariff-modules { font-size: 12px; color: var(--muted); margin-bottom: 20px; letter-spacing: 1px; }
.npp40 .tariff-features { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-bottom: 0; }
.npp40 .tariff-features-hidden { list-style: none; display: none; flex-direction: column; gap: 10px; margin-bottom: 4px; margin-top: 0; }
.npp40 .tariff-card.open .tariff-features-hidden { display: flex; margin-top: 10px; }
.npp40 .tariff-feature-more { font-size: 13px; color: var(--lilac); font-style: italic; letter-spacing: 0.5px; cursor: pointer; user-select: none; transition: color 0.2s; }
.npp40 .tariff-feature-more:hover { color: #d4b8ff; }
.npp40 .tariff-card.vip .tariff-feature-more { color: var(--yellow); }
.npp40 .tariff-card.open .tariff-feature-more { display: list-item; color: var(--muted); }
.npp40 .tariff-arrow { display: inline-block; font-style: normal; }
.npp40 .tariff-features li { font-size: 14px; color: var(--text-soft); display: flex; align-items: flex-start; gap: 10px; line-height: 1.5; }
.npp40 .tariff-features li::before { content: '◈'; color: var(--lilac-deep); font-size: 12px; margin-top: 1px; flex-shrink: 0; }
.npp40 .tariff-card.vip .tariff-features li::before { color: var(--yellow-warm); }
.npp40 .tariff-btn {
  display: block; text-align: center; margin-top: 28px; padding: 14px; border-radius: 100px;
  font-weight: 700; font-size: 15px; cursor: pointer; text-decoration: none;
  transition: transform 0.25s, box-shadow 0.25s;
}
.npp40 .tariff-btn-default { background: rgba(180,150,255,0.08); color: var(--lilac); border: 1px solid rgba(180,150,255,0.25); }
.npp40 .tariff-btn-default:hover { background: rgba(180,150,255,0.16); transform: translateY(-2px); }
.npp40 .tariff-btn-grad { background: var(--grad-btn); color: #1a0d35; box-shadow: 0 6px 28px rgba(130,90,220,0.5); }
.npp40 .tariff-btn-grad:hover { transform: translateY(-3px); box-shadow: 0 12px 40px rgba(130,90,220,0.7); }
.npp40 .tariff-btn-gold { background: linear-gradient(120deg, #d4a820, #f0d060, #d4a820); color: #1a0d35; box-shadow: 0 6px 28px rgba(200,160,40,0.45); }
.npp40 .tariff-btn-gold:hover { transform: translateY(-3px); box-shadow: 0 12px 40px rgba(200,160,40,0.65); }
.npp40 .bonuses { background: var(--surface2); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.npp40 .bonuses-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-top: 48px; }
.npp40 .bonus-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 24px; padding: 32px 28px; transition: border-color 0.25s, transform 0.25s; }
.npp40 .bonus-card:hover { border-color: var(--border-bright); transform: translateY(-4px); }
.npp40 .bonus-tag { display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; padding: 5px 12px; border-radius: 50px; margin-bottom: 16px; }
.npp40 .tag-all { background: rgba(140,100,240,0.18); color: var(--lilac); border: 1px solid rgba(140,100,240,0.3); }
.npp40 .tag-top { background: rgba(60,160,100,0.15); color: #6de8a0; border: 1px solid rgba(60,160,100,0.3); }
.npp40 .tag-vip { background: rgba(200,160,40,0.15); color: var(--yellow); border: 1px solid rgba(200,160,40,0.3); }
.npp40 .bonus-card h3 { font-family: 'Unbounded', sans-serif; font-size: 15px; font-weight: 700; color: white; margin-bottom: 10px; }
.npp40 .bonus-card p { font-size: 14px; color: var(--muted); line-height: 1.6; }
.npp40 .mentor { background: var(--surface); }
.npp40 .mentor-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.npp40 .mentor-visual {
  background: radial-gradient(ellipse at 40% 40%, #3a1a6e 0%, #1a0835 100%);
  border: 1px solid rgba(180,150,255,0.2); border-radius: 32px; aspect-ratio: 1;
  display: flex; align-items: center; justify-content: center; font-size: 80px;
  box-shadow: 0 24px 80px rgba(80,40,160,0.5), inset 0 0 60px rgba(180,140,255,0.08);
}
.npp40 .mentor-text h2 { font-family: 'Unbounded', sans-serif; font-size: clamp(22px, 3vw, 34px); font-weight: 900; color: white; margin-bottom: 16px; line-height: 1.25; }
.npp40 .mentor-text p { font-size: 15px; color: var(--muted); line-height: 1.7; margin-bottom: 14px; }
.npp40 .mentor-badge { display: inline-block; background: rgba(180,150,255,0.1); border: 1px solid rgba(180,150,255,0.3); border-radius: 50px; padding: 8px 18px; font-size: 13px; font-weight: 700; color: var(--lilac); }
.npp40 .docs { background: radial-gradient(ellipse 80% 60% at 50% 100%, #1e1040 0%, #0d0820 100%); text-align: left; border-top: 1px solid var(--border); }
.npp40 .docs-cards { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; margin-top: 40px; }
.npp40 .doc-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 20px; padding: 32px 36px; min-width: 220px; transition: border-color 0.25s, transform 0.25s; }
.npp40 .doc-card:hover { border-color: var(--border-bright); transform: translateY(-4px); }
.npp40 .cta-final {
  background: radial-gradient(ellipse 100% 100% at 50% 50%, #2e1660 0%, #1a0838 50%, #090412 100%);
  text-align: center; padding: 110px 24px; position: relative; overflow: hidden;
  border-top: 1px solid var(--border);
}
.npp40 .cta-final::before {
  content: ''; position: absolute; width: 600px; height: 300px;
  background: radial-gradient(ellipse, rgba(180,140,255,0.2) 0%, transparent 70%);
  top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.npp40 .cta-final h2 { font-family: 'Unbounded', sans-serif; font-size: clamp(28px, 5vw, 56px); font-weight: 900; color: white; margin-bottom: 16px; position: relative; z-index: 1; }
.npp40 .cta-final p { font-size: 18px; color: var(--muted); margin-bottom: 40px; position: relative; z-index: 1; }
.npp40 .cta-final .btn { position: relative; z-index: 1; }
.npp40 footer { background: var(--dark); border-top: 1px solid var(--border); color: #3a2d5a; text-align: center; padding: 30px 24px; font-size: 13px; }
.npp40 footer span { color: var(--lilac-deep); }
.npp40 .tariff-footnote { margin-top: 24px; font-size: 12px; color: var(--muted); line-height: 1.6; border-left: 2px solid rgba(180,150,255,0.2); padding-left: 12px; max-width: 620px; }
.npp40 .feedback-toggle { display: inline-flex; background: rgba(255,255,255,0.05); border: 1px solid var(--border); border-radius: 100px; padding: 5px; margin: 32px 0 12px; gap: 4px; }
.npp40 .toggle-btn { padding: 12px 28px; border-radius: 100px; font-family: 'Nunito', sans-serif; font-size: 15px; font-weight: 700; cursor: pointer; border: none; background: transparent; color: var(--muted); transition: all 0.3s ease; }
.npp40 .toggle-btn.active { background: var(--grad-btn); color: #1a0d35; box-shadow: 0 4px 20px rgba(130,90,220,0.4); }
.npp40 .feedback-note { font-size: 14px; color: var(--muted); margin-bottom: 40px; min-height: 20px; transition: opacity 0.3s; }
.npp40 .os-badge { display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; padding: 3px 10px; border-radius: 50px; margin-bottom: 10px; background: rgba(180,150,255,0.15); border: 1px solid rgba(180,150,255,0.3); color: var(--lilac); }
.npp40 .tariff-price { font-family: 'Unbounded', sans-serif; font-size: 28px; font-weight: 900; color: #fff; margin: 16px 0 4px; transition: opacity 0.3s; }
.npp40 .tariff-price-note { font-size: 12px; color: var(--muted); margin-bottom: 20px; }
.npp40 .tariff-card.vip .tariff-price { color: var(--yellow); }
.npp40 .tariff-price-block { align-self: stretch; text-align: center; padding-top: 20px; border-top: 1px solid var(--border); margin-top: 20px; margin-bottom: 4px; }
.npp40 .installment-block { margin-top: 12px; padding: 12px 14px; background: rgba(255,255,255,0.04); border: 1px solid var(--border); border-radius: 14px; }
.npp40 .installment-label { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted); margin-bottom: 8px; }
.npp40 .installment-options { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; }
.npp40 .inst-opt { padding: 5px 12px; border-radius: 50px; font-size: 12px; font-weight: 700; cursor: pointer; border: 1px solid rgba(180,150,255,0.3); color: var(--lilac); background: rgba(180,150,255,0.08); transition: all 0.2s; user-select: none; }
.npp40 .inst-opt:hover, .npp40 .inst-opt.active { background: rgba(180,150,255,0.25); border-color: var(--lilac); }
.npp40 .inst-opt-gold { border-color: rgba(240,208,96,0.3); color: var(--yellow); background: rgba(240,208,96,0.08); }
.npp40 .inst-opt-gold:hover, .npp40 .inst-opt-gold.active { background: rgba(240,208,96,0.2); border-color: var(--yellow); }
.npp40 .installment-detail { margin-top: 8px; font-size: 13px; color: var(--text-soft); min-height: 18px; line-height: 1.5; transition: opacity 0.2s; }
.npp40 .installment-support { margin-top: 10px; font-size: 12px; color: var(--muted); line-height: 1.5; padding: 8px 10px; background: rgba(180,150,255,0.05); border-radius: 10px; border: 1px solid rgba(180,150,255,0.1); display: none; }
.npp40 .installment-support a { color: var(--lilac) !important; text-decoration: underline; cursor: pointer; }
.npp40 .doc-card h4 { font-family: 'Unbounded', sans-serif; font-size: 13px; font-weight: 700; color: var(--text); margin-bottom: 8px; }
.npp40 .doc-card-note { font-size: 12px; color: var(--muted); margin-top: 6px; }
.npp40 .doc-card-special { border-color: rgba(180,150,255,0.3); }
.npp40 .doc-conditions { margin-top: 14px; display: flex; flex-direction: column; gap: 8px; }
.npp40 .doc-cond-item { font-size: 13px; color: var(--text-soft); background: rgba(180,150,255,0.07); border: 1px solid rgba(180,150,255,0.15); border-radius: 10px; padding: 8px 12px; line-height: 1.5; }
.npp40 .doc-li { border-top: 1px solid var(--border); padding-top: 8px; margin-top: 4px; color: var(--text-soft) !important; }
.npp40 .doc-li-kpk { color: var(--lilac) !important; font-size: 13px; }
.npp40 @keyframes fadeUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }
.npp40 @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-24px); } }
.npp40 @keyframes bounce { 0%, 100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(8px); } }
.npp40 @keyframes twinkle { 0%, 100% { opacity: 0; transform: scale(0.5); } 50% { opacity: 0.8; transform: scale(1.2); } }
.npp40 .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }
.npp40 .reveal.visible { opacity: 1; transform: none; }

@media (max-width: 768px) {
  .npp40 section { padding: 60px 16px !important; }
  .npp40 .section-title { font-size: clamp(22px, 6vw, 32px) !important; }
  .npp40 .hero-badge { font-size: 9px !important; padding: 6px 14px !important; letter-spacing: 1.5px !important; }
  .npp40 .accred-bar { font-size: 8.5px !important; letter-spacing: 0.3px !important; padding: 10px 12px !important; line-height: 1.6 !important; text-align: left !important; }
  .npp40 .hero { padding: 40px 16px 0 !important; align-items: flex-start !important; min-height: 100svh !important; }
  .npp40 .hero h1 { font-size: clamp(30px, 10vw, 52px) !important; letter-spacing: -1px !important; white-space: normal !important; }
  .npp40 .hero-sub { font-size: 14px !important; margin: 12px 0 10px !important; }
  .npp40 .hero-cta { flex-direction: column !important; align-items: stretch !important; gap: 8px !important; }
  .npp40 .hero-cta .btn { width: 100% !important; text-align: center !important; padding: 12px 16px !important; box-sizing: border-box !important; font-size: 14px !important; }
  .npp40 .hero > div > div[style*="max-width:520px"] { padding-bottom: 20px !important; }
  .npp40 .hero-photo-wrap { width: 95% !important; right: -10px !important; opacity: 0.22 !important; z-index: 1 !important; bottom: auto !important; top: 30% !important; }
  .npp40 .toggle-btn { padding: 8px 14px !important; font-size: 12px !important; }
  .npp40 .tariff-price-block { text-align: center !important; }
  .npp40 .tariff-price { text-align: center !important; }
  .npp40 .tariff-price-note { text-align: center !important; }
  .npp40 .installment-block { text-align: center !important; }
  .npp40 .installment-options { justify-content: center !important; }
  .npp40 .tariff-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
  .npp40 .tariff-card { padding: 32px 20px 24px !important; margin-top: 8px !important; }
  .npp40 .tariff-badge { font-size: 9px !important; padding: 4px 14px !important; }
  .npp40 .tariff-price { font-size: 32px !important; }
  .npp40 .tariff-btn { font-size: 14px !important; padding: 13px !important; }
  .npp40 .docs { text-align: left !important; }
  .npp40 .docs .section-title { text-align: left !important; }
  .npp40 .docs .section-label { text-align: left !important; }
  .npp40 .docs-cards { justify-content: flex-start !important; }
  .npp40 .doc-card { text-align: left !important; }
  .npp40 .results-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
  .npp40 .result-card { padding: 20px 14px !important; }
  .npp40 .modules-grid { grid-template-columns: 1fr !important; }
  .npp40 .module-card { padding: 16px !important; }
  .npp40 .speakers-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
  .npp40 .speaker-card { padding: 18px 14px !important; }
  .npp40 .speaker-avatar { width: 68px !important; height: 68px !important; }
  .npp40 .speaker-name { font-size: 13px !important; }
  .npp40 .speaker-bio { font-size: 12px !important; }
  .npp40 .bonuses-grid { grid-template-columns: 1fr !important; }
  .npp40 .mentor-inner { grid-template-columns: 1fr !important; }
  .npp40 footer { padding: 32px 16px !important; text-align: center !important; }
}

@media (max-width: 480px) {
  .npp40 section { padding: 48px 14px !important; }
  .npp40 .hero h1 { font-size: clamp(26px, 12vw, 38px) !important; }
  .npp40 .hero-photo-wrap { opacity: 0.18 !important; width: 100% !important; }
  .npp40 .hero > div > div[style*="max-width:520px"] { padding-bottom: 16px !important; }
  .npp40 .results-grid { grid-template-columns: 1fr !important; }
  .npp40 .speakers-grid { grid-template-columns: 1fr !important; }
  .npp40 .speaker-card.featured { flex-direction: column !important; gap: 16px !important; padding: 22px 16px !important; }
  .npp40 .speaker-card.featured .speaker-avatar { width: 90px !important; height: 90px !important; }
  .npp40 .speaker-card.featured .speaker-name { font-size: 18px !important; }
}

.npp40 .btn-primary, .npp40 .btn-primary:visited { color: #1a0d35 !important; }
.npp40 .btn-ghost, .npp40 .btn-ghost:visited { color: #b89ef8 !important; }
.npp40 .tariff-btn-default, .npp40 .tariff-btn-default:visited { color: #b89ef8 !important; }
.npp40 .tariff-btn-grad, .npp40 .tariff-btn-grad:visited { color: #1a0d35 !important; }
.npp40 .tariff-btn-gold, .npp40 .tariff-btn-gold:visited { color: #1a0d35 !important; }
.npp40 .section-title, .npp40 .section-title em { color: #ffffff; }
.npp40 .hero h1 { color: #ffffff !important; }
a { color: inherit !important; }
a:hover { color: inherit !important; }

/* COUNTDOWN */
.npp40 .cd-block { background: rgba(180,150,255,0.08); border: 1px solid rgba(180,150,255,0.2); border-radius: 14px; padding: 10px 16px; text-align: center; min-width: 64px; backdrop-filter: blur(8px); }
.npp40 .cd-num { font-family: 'Unbounded', sans-serif; font-size: 28px; font-weight: 900; color: #ffffff; line-height: 1; margin-bottom: 4px; }
.npp40 .cd-label { font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--lilac); opacity: 0.7; }
@media (max-width: 768px) {
  .npp40 .cd-block { padding: 8px 12px !important; min-width: 54px !important; }
  .npp40 .cd-num { font-size: 22px !important; }
}

/* LOCKED INSTALLMENT */
.npp40 .inst-opt-locked { pointer-events: none !important; cursor: default !important; opacity: 0.45 !important; filter: blur(1px); }

/* Single-list hidden items */
.npp40 .tariff-li-hidden { display: none !important; }
.npp40 .tariff-card.open .tariff-li-hidden { display: flex !important; }

/* Access duration highlighted item */
.npp40 .tariff-access-li { border: 1px solid rgba(180,150,255,0.4) !important; border-radius: 8px !important; padding: 6px 10px !important; color: var(--lilac) !important; font-weight: 700 !important; background: rgba(180,150,255,0.06) !important; }
.npp40 .tariff-access-li::before { display: none !important; }
.npp40 .tariff-card.vip .tariff-access-li { border-color: rgba(240,208,96,0.4) !important; color: var(--yellow) !important; background: rgba(240,208,96,0.06) !important; }

/* === RESERVE BUTTON === */
.tariff-btn-reserve {
  display: block;
  text-align: center;
  padding: 14px;
  border-radius: 100px;
  font-family: 'Unbounded', sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.25s, box-shadow 0.25s, background 0.22s;
  margin-top: 10px;
  background: rgba(255,255,255,0.04);
  border: 1.5px dashed rgba(180,150,255,0.45);
  color: var(--lilac);
  box-sizing: border-box;
}
.tariff-btn-reserve:hover {
  background: rgba(180,150,255,0.12);
  border-color: rgba(180,150,255,0.75);
  color: #fff;
  transform: translateY(-1px);
}
.tariff-btn-reserve-gold {
  border-color: rgba(240,208,96,0.45);
  color: var(--yellow);
}
.tariff-btn-reserve-gold:hover {
  background: rgba(240,208,96,0.1);
  border-color: rgba(240,208,96,0.8);
  color: var(--yellow);
}

/* === DEADLINE NOTE === */
.tariff-deadline-note {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 24px;
  padding: 18px 22px;
  background: linear-gradient(135deg, rgba(255,100,80,0.08) 0%, rgba(255,160,60,0.06) 100%);
  border: 1.5px solid rgba(255,120,60,0.35);
  border-radius: 14px;
  color: #f0d0b0;
  font-size: 14px;
  line-height: 1.6;
}
.tariff-deadline-icon {
  font-size: 22px;
  flex-shrink: 0;
  margin-top: 1px;
}
.tariff-deadline-note strong {
  color: #ffb07a;
}

/* === INSTALLMENT DETAIL === */
.inst-detail {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, opacity 0.3s;
  opacity: 0;
  margin-top: 0;
}
.inst-detail.visible {
  max-height: 200px;
  opacity: 1;
  margin-top: 10px;
}
.inst-detail-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 10px;
  font-size: 13px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  color: var(--muted);
}
.inst-detail-row span:last-child {
  color: #fff;
  font-weight: 600;
}
.inst-monthly { color: var(--lilac) !important; font-size: 14px !important; }
.inst-monthly-gold { color: var(--yellow) !important; font-size: 14px !important; }
.inst-detail-note {
  font-size: 11px;
  color: var(--muted);
  text-align: center;
  padding: 8px 6px 2px;
  opacity: 0.7;
}

/* === BRON INFO === */
.bron-info {
  margin-top: 12px;
  padding: 14px 16px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(180,150,255,0.2);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bron-info-item {
  font-size: 12px;
  line-height: 1.5;
  color: var(--muted);
}
.bron-info-item strong {
  color: #fff;
}
#npp-root,#npp-root *,#npp-root *::before,#npp-root *::after{box-sizing:border-box}#npp-root *{font-family:inherit}#npp-root{--bg:#f5f3f1;--bg2:#ffffff;--bg3:#efece9;--g1:linear-gradient(135deg,#d4c4f0 0%,#e4aad4 50%,#f5c08a 100%);--g2:linear-gradient(135deg,#f5c08a 0%,#e4aad4 50%,#d4c4f0 100%);--g3:linear-gradient(135deg,#d4c4f0 0%,#f5c08a 100%);--g5:linear-gradient(135deg,#d4c4f0 0%,#f5c08a 100%);--g-text:linear-gradient(120deg,#a890d8 0%,#cc90c0 50%,#e8a878 100%);--g-btn:linear-gradient(135deg,#d4c4f0 0%,#e4aad4 50%,#f5c08a 100%);--rose:#9b7ed4;--mauve:#e09060;--sage:#c47ab8;--text:#2d2933;--text2:#635a6a;--muted:#a89eb0;--border:#e2dce0;--border2:#d4ccd8;--shadow:rgba(80,60,120,.06);--ra:20px;--sb:270px;background:var(--bg);color:var(--text);font-family:'Montserrat',sans-serif;min-height:100vh;overflow-x:hidden;line-height:1.5;font-size:16px;isolation:isolate;position:relative;margin:0!important;padding:0!important;max-width:100%!important}#npp-root::-webkit-scrollbar{width:4px}#npp-root::-webkit-scrollbar-track{background:transparent}#npp-root::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8b4e8,#e8a870);border-radius:2px}#npp-root h1,#npp-root h2,#npp-root h3,#npp-root h4,#npp-root p,#npp-root a,#npp-root button,#npp-root input,#npp-root label{font-family:'Montserrat',sans-serif;margin:0;padding:0;border:none;background:none;color:inherit;line-height:inherit;font-size:inherit;font-weight:inherit;text-decoration:none;-webkit-text-fill-color:unset}#npp-root a:hover{text-decoration:none;color:inherit}#npp-root button{cursor:pointer;outline:none}#npp-root input{outline:none}#npp-root #AUTH{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f3f1;padding:24px;position:relative;overflow:hidden}#npp-root .ls-blob{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}#npp-root .ls-blob1{width:500px;height:500px;background:radial-gradient(circle,rgba(180,160,220,.28),transparent 70%);top:-150px;right:-80px}#npp-root .ls-blob2{width:400px;height:400px;background:radial-gradient(circle,rgba(220,165,110,.22),transparent 70%);bottom:-100px;left:-60px}#npp-root .ls-blob3{width:300px;height:300px;background:radial-gradient(circle,rgba(200,185,230,.18),transparent 70%);top:40%;left:30%}#npp-root .lc{background:rgba(255,255,255,.75);backdrop-filter:blur(24px);border-radius:30px;padding:46px 42px;width:100%;max-width:440px;box-shadow:0 24px 60px rgba(180,130,160,.14);position:relative;z-index:1;border:1px solid rgba(255,255,255,.9);overflow:hidden}#npp-root .lc::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:30px 30px 0 0;background:linear-gradient(135deg,#c8b4e8,#daa0c8,#f0b880)}#npp-root .lbrand{font-size:9px;font-weight:600;letter-spacing:3px;text-transform:uppercase;background:var(--g-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:14px;display:block}#npp-root .ltitle{font-family:'Unbounded',sans-serif;font-size:13px;font-weight:700;letter-spacing:-0.3px;letter-spacing:-0.5px;color:var(--text);margin-bottom:6px;line-height:1.2;display:block}#npp-root .lsub{font-size:13px;color:var(--muted);margin-bottom:28px;font-weight:300;display:block}#npp-root .auth-tabs{display:flex;gap:0;background:var(--bg3);border-radius:14px;padding:4px;margin-bottom:26px}#npp-root .auth-tab{flex:1;padding:9px;border-radius:11px;font-size:12px;font-weight:500;color:var(--muted);background:transparent;border:none;cursor:pointer;transition:all .2s;text-align:center}#npp-root .auth-tab.on{background:var(--bg2);color:var(--text);box-shadow:0 2px 10px var(--shadow)}#npp-root .fl{display:block;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}#npp-root .fi{width:100%;background:rgba(255,255,255,.8);border:1.5px solid var(--border);border-radius:14px;padding:13px 16px;font-family:'Montserrat',sans-serif;font-size:14px;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;margin-bottom:16px;display:block}#npp-root .fi:focus{border-color:transparent;box-shadow:0 0 0 2px rgba(216,136,176,.4),inset 0 0 0 1px rgba(216,136,176,.3)}#npp-root .fi::placeholder{color:var(--muted)}#npp-root .auth-btn{width:100%;padding:15px;background:var(--g-btn);border:none;border-radius:14px;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:600;color:#fff;-webkit-text-fill-color:#fff;cursor:pointer;box-shadow:0 10px 28px rgba(200,100,160,.25);transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;align-items:center;justify-content:center;gap:8px}#npp-root .auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 36px rgba(200,100,160,.35)}#npp-root .auth-btn:disabled{opacity:.6;cursor:not-allowed}#npp-root .spin{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:npp-spin .7s linear infinite;display:none;flex-shrink:0}@keyframes npp-spin{to{transform:rotate(360deg)}}#npp-root .auth-err{background:#fff5f7;border:1px solid #f8d0d8;border-radius:10px;padding:10px 14px;font-size:12px;color:#c07080;margin-bottom:16px;display:none}#npp-root .auth-ok{background:#f0faf4;border:1px solid #c0e8d0;border-radius:10px;padding:10px 14px;font-size:12px;color:#409060;margin-bottom:16px;display:none}#npp-root .auth-hint{font-size:11px;color:var(--muted);text-align:center;margin-top:14px;line-height:1.6}#npp-root .auth-forgot{font-size:11px;color:var(--muted);text-align:center;margin-top:10px}#npp-root .auth-forgot a{background:var(--g-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;font-weight:500}#npp-root #AP{display:none;min-height:100vh;background:var(--bg)}#npp-root .lay{display:flex;min-height:100vh}#npp-root .sb{width:var(--sb);flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:60;transition:transform .3s cubic-bezier(.4,0,.2,1)}#npp-root .sb-top-stripe{height:3px;background:linear-gradient(90deg,#c8b4e8,#daa0c8,#f0b880);flex-shrink:0}#npp-root .sb-br{padding:0 22px;border-bottom:1px solid var(--border);height:73px;display:flex;flex-direction:column;justify-content:center}#npp-root .sb-logo{font-family:'Unbounded',sans-serif;font-size:12px;font-weight:700;letter-spacing:-0.3px;background:var(--g-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3;display:block}#npp-root .sb-logoSub{font-size:10px;color:var(--muted);margin-top:3px;font-weight:300;display:block}#npp-root .sb-us{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}#npp-root .av{width:42px;height:42px;border-radius:14px;background:var(--g1);display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-size:16px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 6px 18px rgba(200,100,160,.2)}#npp-root .sb-un{font-size:14px;font-weight:500;color:var(--text);display:block}#npp-root .sb-ta{font-size:10px;font-weight:500;background:var(--g-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:2px;display:block}#npp-root .sb-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}#npp-root .ni{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;cursor:pointer;font-size:13px;font-weight:400;color:var(--muted);border:1.5px solid transparent;background:transparent;width:100%;text-align:left;font-family:'Montserrat',sans-serif;transition:all .2s}#npp-root .ni:hover{color:var(--text2);background:var(--bg3)}#npp-root .ni.on{background:linear-gradient(135deg,rgba(247,197,213,.15),rgba(200,184,232,.15));color:var(--rose);border-color:rgba(247,197,213,.5)}#npp-root .nico{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.5}#npp-root .ni.on .nico{opacity:1}#npp-root .nbadge{margin-left:auto;background:var(--g1);color:#fff;-webkit-text-fill-color:#fff;font-size:9px;font-weight:700;padding:2px 8px;border-radius:20px}#npp-root .sb-ft{padding:12px;border-top:1px solid var(--border)}#npp-root .btn-lo{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border-radius:12px;background:transparent;border:none;color:var(--muted);font-family:'Montserrat',sans-serif;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s}#npp-root .btn-lo:hover{color:#c07070;background:#fff5f5}#npp-root .mn{flex:1;display:flex;flex-direction:column;min-width:0}#npp-root .tb{height:76px;background:rgba(251,248,246,.96);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);border-top:3px solid transparent;background-image:linear-gradient(rgba(251,248,246,.96),rgba(251,248,246,.96)),linear-gradient(90deg,#c8b4e8,#daa0c8,#f0b880);background-origin:border-box;background-clip:padding-box,border-box}#npp-root .tbr{display:flex;align-items:center;gap:8px}#npp-root .tb-btn{position:relative;background:var(--bg2);border:none;border-radius:11px;padding:8px 16px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:500;color:var(--text2);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;box-shadow:inset 0 0 0 1.5px var(--border)}#npp-root .tbl{display:flex;align-items:center;gap:14px}#npp-root .hbg{display:none;background:transparent;border:none;color:var(--text2);cursor:pointer;padding:4px}#npp-root .tbl{min-width:0;overflow:hidden}#npp-root .tb-ti{font-family:'Unbounded',sans-serif;font-size:13px;font-weight:700;letter-spacing:-0.3px;background:var(--g-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;display:none}#npp-root .tbr{display:flex;align-items:center;gap:8px}#npp-root .tb-btn{position:relative;background:var(--bg2);border:none;border-radius:11px;padding:8px 16px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:500;color:var(--text2);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;box-shadow:inset 0 0 0 1.5px var(--border)}#npp-root .tb-btn:hover{box-shadow:inset 0 0 0 1.5px transparent,0 0 0 1.5px var(--rose);color:var(--rose)}#npp-root .sec{display:none;padding:32px 30px 80px}#npp-root .sec.on{display:block;animation:npp-fadeUp .35s ease both}@keyframes npp-fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}#npp-root .pt{font-family:'Unbounded',sans-serif;font-size:22px;font-weight:700;letter-spacing:-0.8px;background:var(--g-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;display:inline-block;line-height:1.2}#npp-root .ps{font-size:13px;color:var(--muted);margin-bottom:28px;font-weight:300;display:block}#npp-root .sl{font-size:9px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);margin:26px 0 14px;display:flex;align-items:center;gap:10px}#npp-root .sl::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}#npp-root .wl{background:linear-gradient(135deg,#c8b4e8 0%,#dda0cc 40%,#f0b880 100%);background-size:100% 100%;animation:none;border-radius:24px;padding:32px 36px;display:flex;flex-direction:column;margin-bottom:24px;gap:0;position:relative;overflow:hidden;border:none;box-shadow:0 12px 40px rgba(200,100,160,.25);}#npp-root .wl::before{display:none}#npp-root .wl::after{display:none}#npp-root .wh{font-size:9px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:8px;display:block}#npp-root .wn{font-family:'Unbounded',sans-serif;font-size:26px;font-weight:700;letter-spacing:-1px;color:#fff;margin-bottom:6px;line-height:1.05;display:block}#npp-root .wt{font-size:13px;color:rgba(255,255,255,.8);line-height:1.7;max-width:400px;font-weight:300;display:block}#npp-root .pill{display:inline-flex;align-items:center;gap:6px;margin-top:16px;background:rgba(255,255,255,.25);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.4);border-radius:50px;padding:7px 18px;font-size:10px;font-weight:600;color:#fff;-webkit-text-fill-color:#fff;letter-spacing:1px;}#npp-root .wl-stat{display:flex;flex-direction:row;align-items:baseline;gap:8px;margin-top:20px;padding:0;position:relative;}#npp-root .wl-stat::before{display:none}#npp-root .wl-statNum{font-family:'Unbounded',sans-serif;font-size:32px;font-weight:700;line-height:1;color:#fff;-webkit-text-fill-color:#fff;background:none;display:inline;}#npp-root .wl-statLabel{font-size:13px;color:var(--text2);font-weight:400;display:inline}#npp-root .wl-statPre{font-size:13px;color:var(--text2);font-weight:400;display:inline;}#npp-root .wl-statPost{font-size:13px;color:var(--text2);font-weight:400;display:inline;}#npp-root .qg{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px}#npp-root .qc{background:var(--bg2);border-radius:20px;padding:22px 20px 18px;cursor:pointer;transition:all .22s;position:relative;overflow:hidden;text-align:left;box-shadow:0 2px 16px var(--shadow);display:flex;flex-direction:column;justify-content:flex-end;min-height:118px;background-color:#fff;background-image:radial-gradient(circle,rgba(180,155,228,.22) 1.2px,transparent 1.2px),radial-gradient(circle,rgba(240,185,120,.18) 1.2px,transparent 1.2px);background-size:22px 22px,22px 22px;background-position:0 0,11px 11px;}#npp-root .qc::before{content:'';position:absolute;width:120px;height:120px;border-radius:50%;top:-30px;right:-20px;opacity:.35;pointer-events:none;transition:opacity .2s}#npp-root .qc:hover::before{opacity:.55}#npp-root .qc:hover{transform:translateY(-3px);box-shadow:0 10px 32px rgba(200,130,170,.12)}#npp-root .qc:nth-child(1)::before{display:none}#npp-root .qc:nth-child(2)::before{display:none}#npp-root .qc:nth-child(3)::before{display:none}#npp-root .qc:nth-child(4)::before{display:none}#npp-root .qc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:0 0 20px 20px;opacity:0;transition:opacity .2s}#npp-root .qc:nth-child(1)::after{background:var(--g1)}#npp-root .qc:nth-child(2)::after{background:var(--g2)}#npp-root .qc:nth-child(3)::after{background:var(--g3)}#npp-root .qc:nth-child(4)::after{background:var(--g5)}#npp-root .qc:hover::after{opacity:1}#npp-root .qi{width:28px;height:28px;position:absolute;top:18px;right:18px;z-index:1;opacity:.5}#npp-root .qv{font-family:'Unbounded',sans-serif;font-size:28px;font-weight:700;letter-spacing:-1px;color:var(--text);margin-top:auto;margin-bottom:3px;line-height:1;position:relative;z-index:1;display:block}#npp-root .ql{font-size:11px;color:var(--muted);font-weight:400;position:relative;z-index:1;display:block;line-height:1.4;margin-top:2px}#npp-root .evc{background:#fff;border:1px solid rgba(200,190,220,.2);border-radius:16px;padding:20px 20px 20px 24px;display:flex;align-items:center;gap:14px;transition:all .2s;box-shadow:0 2px 12px rgba(130,100,180,.05);position:relative;overflow:hidden;flex-wrap:wrap;min-width:0;min-height:88px;}#npp-root .evc:hover{box-shadow:0 8px 28px rgba(200,130,170,.1)}#npp-root .ed{text-align:left;min-width:44px}#npp-root .edy{font-family:'Unbounded',sans-serif;font-size:26px;font-weight:700;letter-spacing:-1px;background:var(--g-btn);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;line-height:1;}#npp-root .emo{font-size:9px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-top:2px;display:block}#npp-root .edv{width:1px;height:36px;background:linear-gradient(180deg,transparent,var(--border2),transparent);flex-shrink:0}#npp-root .ei{flex:1}#npp-root .ett{font-size:13px;font-weight:500;color:var(--text);margin-bottom:2px;display:block}#npp-root .esp{font-size:11px;color:var(--muted);font-weight:300;display:block}#npp-root .etag{display:inline-block;font-size:7px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:2px 6px;border-radius:50px;margin-top:3px}#npp-root .ts{background:var(--g1);color:#fff;-webkit-text-fill-color:#fff}#npp-root .to{background:var(--g3);color:#fff;-webkit-text-fill-color:#fff}#npp-root .tp{background:var(--bg3);color:var(--muted);border:1px solid var(--border)}#npp-root .etm{font-family:'Unbounded',sans-serif;font-size:13px;font-weight:600;letter-spacing:-0.3px;color:var(--text2);text-align:right;flex-shrink:0;min-width:54px}#npp-root .etm span{font-size:10px;color:var(--muted);display:block;font-family:'Montserrat',sans-serif;font-weight:300;margin-top:2px}#npp-root .mg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}#npp-root .mc{background:#fff;border:1px solid rgba(200,190,220,.25);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .25s;display:flex;flex-direction:column;box-shadow:0 2px 16px rgba(130,100,180,.06);position:relative;}#npp-root .mc:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(150,110,200,.13);border-color:rgba(180,150,230,.4);}#npp-root .mph{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background-image:radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1px);background-size:20px 20px;}#npp-root .mph img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}#npp-root .mph::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;opacity:0;transition:opacity .3s;z-index:2}#npp-root .mc:hover .mph::after{opacity:1}#npp-root .mpp{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#npp-root .mnt{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-radius:8px;padding:4px 10px;font-size:8px;font-weight:700;color:var(--text2);letter-spacing:1.5px;text-transform:uppercase;font-family:'Montserrat',sans-serif;}#npp-root .mlt{position:absolute;bottom:10px;left:10px;top:auto;right:auto;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-radius:8px;padding:5px 10px;display:flex;align-items:center;z-index:3;box-shadow:0 2px 8px rgba(100,70,160,.12);}#npp-root .mc.lk{opacity:.55;pointer-events:none;filter:grayscale(1) brightness(.95);transition:filter .3s,opacity .3s;}#npp-root .mb{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column}#npp-root .mti{font-family:'Unbounded',sans-serif;font-size:12px;font-weight:700;letter-spacing:-0.3px;color:var(--text);margin-bottom:6px;line-height:1.4;display:block}#npp-root .mme{font-size:11px;color:var(--muted);margin-bottom:10px;flex:1;font-weight:300;display:block}#npp-root .pw{background:var(--bg3);border-radius:100px;height:3px;margin-bottom:6px;overflow:hidden}#npp-root .pf{height:100%;border-radius:100px;transition:width .3s;background:linear-gradient(90deg,#c8b4e8,#e8a870)}#npp-root .pp{font-size:10px;color:var(--muted);font-weight:300;display:block}#npp-root #MD{display:none}#npp-root .bbtn{display:inline-flex;align-items:center;gap:8px;background:var(--bg2);border-radius:50px;padding:8px 18px;margin-bottom:22px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:500;color:var(--text2);cursor:pointer;transition:all .2s;box-shadow:inset 0 0 0 1.5px var(--border)}#npp-root .bbtn:hover{box-shadow:inset 0 0 0 1.5px var(--rose);color:var(--rose)}#npp-root .mdh{display:flex;gap:24px;margin-bottom:28px;align-items:flex-start}#npp-root .mdc{width:220px;aspect-ratio:16/9;border-radius:16px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#fdf0f4,#f0eef8);display:flex;align-items:center;justify-content:center}#npp-root .mdn{font-size:9px;font-weight:700;color:var(--muted);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:8px;display:block}#npp-root .mdt{font-family:'Unbounded',sans-serif;font-size:16px;font-weight:700;letter-spacing:-0.5px;color:var(--text);margin-bottom:10px;display:block}#npp-root .mdd{font-size:13px;color:var(--text2);line-height:1.7;margin-bottom:14px;font-weight:300;display:block}#npp-root .chip{display:inline-flex;align-items:center;background:var(--g1);border-radius:50px;padding:6px 16px;font-size:10px;font-weight:600;color:#fff;-webkit-text-fill-color:#fff}#npp-root .ll{display:flex;flex-direction:column;gap:6px}#npp-root .li{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:16px 20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s;box-shadow:0 1px 6px var(--shadow)}#npp-root .li:hover{border-color:transparent;box-shadow:0 0 0 1.5px #b898e0,0 6px 20px rgba(200,130,170,.1)}#npp-root .lnu{font-family:'Unbounded',sans-serif;font-size:15px;font-weight:600;color:var(--border2);width:28px;text-align:center;flex-shrink:0}#npp-root .lti{font-size:14px;font-weight:400;color:var(--text);margin-bottom:2px;display:block}#npp-root .ldu{font-size:11px;color:var(--muted);font-weight:300;display:block}#npp-root .lpl{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,rgba(247,197,213,.3),rgba(200,184,232,.3));display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}#npp-root .li:hover .lpl{background:var(--g1);box-shadow:0 4px 12px rgba(200,100,160,.2)}#npp-root #LV{display:none}
#npp-root #LV>.vw,#npp-root #LV>#les-audio,#npp-root #LV>#les-feedback,#npp-root #LV>.lnr{display:block;width:100%;max-width:860px;margin-left:auto;margin-right:auto;box-sizing:border-box}
#npp-root #LV>.lnr{display:flex}
#npp-root #LV>.bbtn,#npp-root #LV>#lttl{display:block;width:auto;max-width:860px;margin-left:max(0px,calc(50% - 430px));margin-right:auto;box-sizing:border-box}
#npp-root #LV>.bbtn{width:fit-content}#npp-root #lttl{font-size:20px;letter-spacing:-0.5px;margin-bottom:18px;margin-top:4px;display:block}#npp-root .vw{width:100%;max-width:860px;aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;margin:0 auto 20px;box-shadow:0 4px 24px rgba(200,150,180,.18);display:block}#npp-root .vw iframe{width:100%;height:100%;border:none;display:block}#npp-root .lnr{display:flex;gap:10px;justify-content:space-between}#npp-root .lnb{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;border-radius:50px;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;background:var(--bg2);color:var(--text2);box-shadow:inset 0 0 0 1.5px var(--border)}#npp-root .lnb:hover{color:var(--rose);box-shadow:inset 0 0 0 1.5px var(--rose)}#npp-root .lnb.pr{background:var(--g-btn);box-shadow:0 8px 24px rgba(200,100,160,.25);color:#fff;-webkit-text-fill-color:#fff;border:none}#npp-root .lnb.pr:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(200,100,160,.35)}#npp-root .cc{background:var(--bg2);border:1px solid var(--border);border-radius:22px;padding:26px;box-shadow:0 2px 16px var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}#npp-root .ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}#npp-root .cmt{font-family:'Unbounded',sans-serif;font-size:13px;font-weight:700;letter-spacing:-0.3px;background:var(--g-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#npp-root .cnb{background:var(--bg3);border:1.5px solid var(--border);border-radius:9px;padding:6px 14px;color:var(--muted);cursor:pointer;font-size:18px;transition:all .2s;line-height:1}#npp-root .cnb:hover{color:var(--rose);border-color:transparent;box-shadow:0 0 0 1.5px #b898e0}#npp-root .cgr{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%}#npp-root .cdow{text-align:center;font-size:10px;font-weight:600;color:var(--muted);letter-spacing:1px;text-transform:uppercase;padding:8px 0 12px}#npp-root .cce{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;font-size:15px;font-weight:400;color:var(--text2);cursor:default;position:relative;transition:background .2s}#npp-root .cce.ot{color:var(--border2)}#npp-root .cce.td{background:var(--g1);color:#fff;-webkit-text-fill-color:#fff;font-weight:600;box-shadow:0 4px 14px rgba(200,100,160,.22)}#npp-root .cce.he:hover:not(.td){background:linear-gradient(135deg,rgba(247,197,213,.12),rgba(200,184,232,.12))}#npp-root .cdot{width:4px;height:4px;border-radius:50%;background:var(--rose);margin-top:2px}#npp-root .cce.td .cdot{background:rgba(255,255,255,.7)}#npp-root .evl{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto;overflow-x:clip;padding-right:4px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}#npp-root .trg{display:grid;grid-template-columns:1fr 1fr;gap:18px}#npp-root .pnl{background:var(--bg2);border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:0 2px 16px var(--shadow);position:relative;overflow:hidden}#npp-root .pnl::before{content:'';position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(247,197,213,.12),transparent 70%);top:-60px;right:-40px;pointer-events:none}#npp-root .pnt{font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;background:var(--g-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;position:relative;display:block}#npp-root .tri{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:opacity .2s}#npp-root .tri:last-of-type{border-bottom:none}#npp-root .tri:hover{opacity:.7}#npp-root .trb{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,rgba(247,197,213,.25),rgba(200,184,232,.25));border:1.5px solid rgba(247,197,213,.4);display:flex;align-items:center;justify-content:center;transition:all .18s}#npp-root .trb.on{background:var(--g1);border-color:transparent;box-shadow:0 4px 14px rgba(200,100,160,.25)}#npp-root .trin{flex:1}#npp-root .trn{font-size:13px;font-weight:500;color:var(--text);margin-bottom:2px;display:block}#npp-root .trd{font-size:11px;color:var(--muted);font-weight:300;display:block}#npp-root .trdu{font-size:11px;color:var(--muted)}#npp-root .trmod{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding:12px 0 6px;margin-top:4px;border-top:1px solid var(--border);display:block}#npp-root .trmod:first-child{border-top:none;padding-top:0}#npp-root .pctl{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap}#npp-root .pctl-label{font-size:10px;color:var(--muted);font-weight:500;letter-spacing:.5px;white-space:nowrap}#npp-root .pspd{display:flex;gap:4px}#npp-root .psb{font-size:10px;font-weight:600;padding:4px 8px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg);color:var(--text2);cursor:pointer;transition:all .15s}#npp-root .psb.on{background:var(--g-btn);color:#fff;border-color:transparent}#npp-root .pui{margin-top:18px;background:linear-gradient(135deg,rgba(253,240,244,.6),rgba(240,238,252,.6));border:1px solid rgba(247,197,213,.3);border-radius:18px;padding:18px}#npp-root .pnow{font-size:13px;font-weight:500;color:var(--text);margin-bottom:14px;display:block}#npp-root .pbar{width:100%;height:3px;background:var(--bg3);border-radius:100px;margin-bottom:10px;cursor:pointer;overflow:hidden}#npp-root .pbf{height:100%;border-radius:100px;background:var(--g1);transition:width .3s}#npp-root .pts{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:14px;font-weight:300}#npp-root .pbt{display:flex;align-items:center;justify-content:center;gap:18px}#npp-root .pb{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px;transition:color .2s;display:flex;align-items:center;justify-content:center}#npp-root .pb:hover{color:var(--rose)}#npp-root .pb.main{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#b898e0,#d080b8,#e8985c);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .2s;box-shadow:0 8px 22px rgba(200,100,160,.3)}#npp-root .pb.main:hover{transform:scale(1.07);box-shadow:0 12px 28px rgba(200,100,160,.4)}#npp-root .noi{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}#npp-root .noi:last-child{border-bottom:none}#npp-root .noic{width:34px;height:34px;background:linear-gradient(135deg,rgba(247,197,213,.2),rgba(200,184,232,.2));border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}#npp-root .non{font-size:13px;font-weight:500;color:var(--text);margin-bottom:2px;display:block}#npp-root .nos{font-size:11px;color:var(--muted);font-weight:300;display:block}#npp-root .nol{padding:6px 14px;border-radius:50px;font-size:11px;font-weight:600;cursor:pointer;background:var(--g1);color:#fff;-webkit-text-fill-color:#fff;font-family:'Montserrat',sans-serif;transition:all .2s;text-decoration:none;display:inline-block;white-space:nowrap;border:none;box-shadow:0 4px 12px rgba(200,100,160,.18)}#npp-root .nol:hover{box-shadow:0 6px 18px rgba(200,100,160,.28);transform:translateY(-1px)}#npp-root .nts-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:var(--bg3);border:1.5px solid var(--border);border-radius:16px;text-decoration:none;transition:all .2s;cursor:pointer;margin-bottom:8px}#npp-root .nts-card:hover{border-color:transparent;box-shadow:0 0 0 1.5px #b898e0,0 6px 20px rgba(200,130,170,.1);background:var(--bg2)}#npp-root .nts-ico{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,rgba(247,197,213,.3),rgba(200,184,232,.3));display:flex;align-items:center;justify-content:center}#npp-root .nts-name{font-size:13px;font-weight:500;color:var(--text);line-height:1.4}#npp-root .nts-link{font-size:11px;color:var(--rose);display:flex;align-items:center;gap:5px;font-weight:500}#npp-root .fg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}#npp-root .fc{background:var(--bg2);border:1px solid var(--border);border-radius:22px;padding:26px 22px 22px;text-align:left;cursor:pointer;transition:all .25s;text-decoration:none;display:block;box-shadow:0 2px 12px var(--shadow);position:relative;overflow:hidden}#npp-root .fc::before{content:'';position:absolute;width:160px;height:160px;border-radius:50%;top:-50px;right:-30px;opacity:.2;pointer-events:none;transition:opacity .2s}#npp-root .fc:hover::before{opacity:.35}#npp-root .fc:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(200,130,170,.12)}#npp-root .fc:nth-child(1)::before{background:radial-gradient(circle,#f7c5d5,transparent)}#npp-root .fc:nth-child(2)::before{background:radial-gradient(circle,#c8dcd0,transparent)}#npp-root .fc:nth-child(3)::before{background:radial-gradient(circle,#c8b8e8,transparent)}#npp-root .fc.lk{opacity:.28;pointer-events:none}#npp-root .fico{width:56px;height:56px;border-radius:18px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}#npp-root .fn{font-family:'Unbounded',sans-serif;font-size:12px;font-weight:700;letter-spacing:-0.3px;color:var(--text);margin-bottom:7px;display:block}#npp-root .fd{font-size:11px;color:var(--muted);line-height:1.6;font-weight:300;display:block}#npp-root .fop{font-size:11px;font-weight:600;margin-top:14px;background:var(--g-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}#npp-root .flk{font-size:11px;color:var(--border2);margin-top:10px;display:flex;align-items:center;justify-content:center;gap:5px}#npp-root .spg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}#npp-root .spc{background:var(--bg2);border:1px solid var(--border);border-radius:18px;padding:20px;text-align:left;transition:all .2s;cursor:pointer;text-decoration:none;display:block;box-shadow:0 2px 10px var(--shadow)}#npp-root .spc:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(200,130,170,.1)}#npp-root .spic{width:44px;height:44px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,rgba(247,197,213,.2),rgba(200,184,232,.2))}#npp-root .spl{font-size:9px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:5px;display:block}#npp-root .spv{font-size:13px;font-weight:500;color:var(--text);display:block}#npp-root .spcta{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:18px;background:var(--g-btn);border:none;border-radius:18px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:600;color:#fff;-webkit-text-fill-color:#fff;cursor:pointer;box-shadow:0 12px 32px rgba(200,100,160,.28);transition:all .2s;text-decoration:none;margin-bottom:20px}#npp-root .spcta:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(200,100,160,.38)}#npp-root .faq{padding:14px 18px;background:var(--bg2);border:1px solid var(--border);border-radius:14px;font-size:13px;color:var(--text2);cursor:pointer;margin-bottom:6px;transition:all .2s;font-weight:300;display:block}#npp-root .faq:hover{border-color:transparent;box-shadow:inset 0 0 0 1.5px var(--rose);color:var(--text)}#npp-root .card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--ra);padding:22px;box-shadow:0 2px 12px var(--shadow)}.npp-ovl{display:none;position:fixed;inset:0;background:rgba(60,40,50,.18);z-index:9998;backdrop-filter:blur(8px)}.npp-ovl.on{display:block}.npp-tst{position:fixed;bottom:24px;right:24px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border:1px solid #ece4e8;border-radius:14px;padding:12px 20px;font-size:13px;color:#7a6878;font-family:'Montserrat',sans-serif;z-index:9999;display:none;box-shadow:0 12px 40px rgba(180,130,160,.18);max-width:300px}.npp-tst::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0;background:linear-gradient(135deg,#f7c5d5,#e8b4d0,#c8b8e8)}.npp-tst.on{display:block;animation:npp-fadeUp .3s ease}@media(max-width:900px){#npp-root{overflow-x:clip}#npp-root .lay{min-height:100vh}#npp-root .sb{position:fixed;top:0;left:0;height:100%;transform:translateX(-110%);z-index:9999}#npp-root .sb.op{transform:translateX(0)}#npp-root .hbg{display:block}#npp-root .tb-ti{display:block}#npp-root .tb-btn span{display:none}#npp-root .tb-btn{padding:8px;min-width:36px;justify-content:center;gap:0}#npp-root .tbr{gap:6px}#npp-root .pt{font-size:18px;letter-spacing:-0.5px}#npp-root .mg,#npp-root .qg,#npp-root .fg{grid-template-columns:1fr 1fr}#npp-root .trg,#npp-root .spg{grid-template-columns:1fr}#npp-root .mdh{flex-direction:column}#npp-root .mdc{width:100%}#npp-root .wl{flex-direction:column;gap:14px}#npp-root .wl-stat{min-width:unset;align-self:flex-start}#npp-root .lc{padding:34px 24px}#npp-root .cc{grid-template-columns:1fr;gap:20px}#npp-root .evl{max-height:none!important;overflow:visible!important;padding:4px 2px!important}#npp-root .cc>div:last-child{min-height:0;overflow:visible}#npp-root .qg{grid-template-columns:1fr 1fr;gap:10px}#npp-root .qc{padding:16px}}@media(max-width:560px){#npp-root .sec{padding:18px 16px 60px}#npp-root .pt{font-size:16px;letter-spacing:-0.3px}#npp-root .mg,#npp-root .fg{grid-template-columns:1fr}#npp-root .qg{grid-template-columns:1fr 1fr;gap:8px}#npp-root .qc{padding:14px 12px}#npp-root .qv{font-size:18px}#npp-root .ql{font-size:10px}#npp-root .tb{padding:0 16px;height:52px}#npp-root .tb-btn span{display:none}#npp-root .wl{padding:20px;gap:0}#npp-root .pill{font-size:9px;padding:5px 14px;letter-spacing:.5px;white-space:nowrap}#npp-root .wn{font-size:20px}#npp-root .wt{font-size:12px}#npp-root .npp-phrase-num,#npp-root .npp-phrase-day{font-size:28px}#npp-root .evc{padding:12px 12px 12px 16px;gap:6px 8px;min-height:auto;flex-wrap:wrap;align-items:center;align-content:flex-start;}#npp-root .ed{min-width:36px;flex-shrink:0;}#npp-root .edy{font-size:18px;}#npp-root .edv{display:none}#npp-root .ei{min-width:0;flex:1 1 0;display:flex;flex-direction:column;align-items:flex-start;}#npp-root .ett{font-size:12px;word-break:break-word;white-space:normal;overflow-wrap:anywhere;margin-bottom:1px}#npp-root .esp{font-size:10px;margin-bottom:2px;}#npp-root .etag{display:inline-block;flex-shrink:0}#npp-root .etm{align-self:flex-start;flex-shrink:0;min-width:46px;text-align:right;order:3;}#npp-root .lnr{flex-direction:column;gap:8px}#npp-root .lnb{justify-content:center;padding:13px 16px;width:100%}#npp-root .vw{border-radius:12px}#npp-root .mdh{gap:14px}#npp-root .mdt{font-size:14px}#npp-root .mdd{font-size:12px}#npp-root .cc{padding:16px;grid-template-columns:1fr;gap:20px}#npp-root .cgr{gap:3px}#npp-root .cce{font-size:13px;border-radius:8px}#npp-root .spg{grid-template-columns:1fr 1fr}#npp-root .pnl{padding:16px}#npp-root .fc{padding:22px 14px}#npp-root .tbr{gap:4px}#npp-root .tb-btn{padding:7px 10px;font-size:11px}#npp-root .trg{gap:12px;grid-template-columns:1fr}#npp-root .auth-btn{font-size:13px;padding:14px}#npp-root #LV>.pt{display:block;margin-top:6px;font-size:18px;margin-bottom:12px}#npp-root #LV>.bbtn{display:block;width:fit-content;margin-bottom:8px}#npp-root .vw{width:100%;max-width:100%;border-radius:10px;margin-left:0;margin-right:0}#npp-root .evl{max-height:none!important;overflow:visible!important;padding:4px 2px!important}}#npp-root .access-banner{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:50px;font-size:11px;font-weight:500;line-height:1.4;width:fit-content;}
#npp-root .access-banner b{font-weight:700;}
#npp-root .access-banner-ico{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.8;}
#npp-root .access-banner--ok{background:linear-gradient(135deg,rgba(200,220,210,.35),rgba(184,200,232,.35));border:1px solid rgba(184,200,232,.5);color:var(--text2);}
#npp-root .access-banner--warn{background:linear-gradient(135deg,rgba(250,212,184,.4),rgba(247,197,213,.4));border:1px solid rgba(247,197,213,.6);color:#b07040;}

#npp-root #access-end-banner.access-banner{position:absolute;top:30px;right:36px;font-size:10px;font-weight:600;padding:7px 14px;border-radius:50px;letter-spacing:.3px;box-shadow:0 2px 12px rgba(130,100,180,.12);}
#npp-root .evc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#d4c4f0,#f5c08a);z-index:0;border-radius:16px 0 0 16px;}
#npp-root .evc:hover{box-shadow:0 6px 24px rgba(130,100,180,.1);border-color:rgba(180,150,230,.35);transform:translateX(2px);}
#npp-root .qc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:20px 0 0 20px;background:linear-gradient(180deg,#d4c4f0,#f5c08a);opacity:.6;}
#npp-root .qc:hover{transform:translateY(-2px) translateX(1px);box-shadow:0 8px 28px rgba(130,100,180,.1);border-color:rgba(180,150,230,.3);}

@media(max-width:900px){#npp-root #access-end-banner.access-banner{position:static;font-size:9px;padding:5px 10px;margin-top:0;margin-bottom:12px;border-radius:50px;align-self:flex-end;}}
#npp-root .mc.date-lk{opacity:.7;filter:grayscale(.75) brightness(.97);}#npp-root .mc.date-lk:hover{transform:none;box-shadow:0 2px 16px rgba(130,100,180,.06);filter:grayscale(.4);opacity:.85;}
#npp-root .mc.date-lk .mlt{background:rgba(255,255,255,.98)!important;box-shadow:0 2px 10px rgba(130,100,180,.15);}

/* === COURSE PROGRESS BAR (welcome card) === */
#npp-root .wl-prog-wrap{margin-top:20px;position:relative;z-index:1;}
#npp-root .wl-prog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
#npp-root .wl-prog-label{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.65);}
#npp-root .wl-prog-pct{font-family:'Unbounded',sans-serif;font-size:12px;font-weight:700;color:#fff;-webkit-text-fill-color:#fff;background:none;}
#npp-root .wl-prog-bar{width:100%;height:4px;background:rgba(255,255,255,.25);border-radius:100px;overflow:hidden;margin-bottom:6px;border:none;}
#npp-root .wl-prog-fill{height:100%;border-radius:100px;background:rgba(255,255,255,.85);box-shadow:0 0 8px rgba(255,255,255,.4);transition:width .6s cubic-bezier(.4,0,.2,1);min-width:0;}
#npp-root .wl-prog-sub{font-size:10px;color:rgba(255,255,255,.6);font-weight:300;}

/* === CERTIFICATES section === */
#npp-root .cert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:4px;}
#npp-root .cert-card{background:#fff;border:1px solid rgba(200,190,220,.25);border-radius:22px;padding:28px 24px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;box-shadow:0 2px 16px rgba(130,100,180,.06);transition:all .25s;}
#npp-root .cert-card.unlocked:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(150,110,200,.13);border-color:rgba(180,150,230,.4);}
#npp-root .cert-card.locked{filter:grayscale(1);opacity:.55;}
#npp-root .cert-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:22px 22px 0 0;}
#npp-root .cert-card:nth-child(1)::before{background:linear-gradient(90deg,#c8b4e8,#e8a870);}
#npp-root .cert-card:nth-child(2)::before{background:linear-gradient(90deg,#f7c5d5,#e8b4d0);}
#npp-root .cert-card:nth-child(3)::before{background:linear-gradient(90deg,#c8dcd0,#b8c8e8);}
#npp-root .cert-ico{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,rgba(247,197,213,.25),rgba(200,184,232,.25));display:flex;align-items:center;justify-content:center;}
#npp-root .cert-title{font-family:'Unbounded',sans-serif;font-size:12px;font-weight:700;color:var(--text);line-height:1.4;}
#npp-root .cert-desc{font-size:12px;color:var(--muted);font-weight:300;line-height:1.6;}
#npp-root .cert-progress{margin-top:4px;}
#npp-root .cert-prog-bar{width:100%;height:4px;background:var(--bg3);border-radius:100px;overflow:hidden;margin-bottom:5px;}
#npp-root .cert-prog-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,#c8b4e8,#e8a870);transition:width .5s;}
#npp-root .cert-prog-txt{font-size:10px;color:var(--muted);font-weight:300;}
#npp-root .cert-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:50px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;background:var(--g-btn);color:#fff;-webkit-text-fill-color:#fff;cursor:pointer;border:none;box-shadow:0 6px 20px rgba(200,100,160,.22);transition:all .2s;text-decoration:none;width:fit-content;}
#npp-root .cert-btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(200,100,160,.32);}
#npp-root .cert-locked-label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;margin-top:4px;}

/* === TESTING section === */
#npp-root .test-grid{display:flex;flex-direction:column;gap:10px;margin-top:4px;}
#npp-root .test-card{background:#fff;border:1px solid rgba(200,190,220,.2);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 12px var(--shadow);transition:all .22s;cursor:pointer;position:relative;overflow:hidden;}
#npp-root .test-card.unlocked:hover{border-color:transparent;box-shadow:0 0 0 1.5px #b898e0,0 6px 20px rgba(200,130,170,.1);}
#npp-root .test-card.locked{opacity:.5;filter:grayscale(.8);cursor:default;pointer-events:none;}
#npp-root .test-card.done{border-color:rgba(150,200,170,.4);background:linear-gradient(135deg,rgba(200,235,215,.08),rgba(255,255,255,1));}
#npp-root .test-num{font-family:'Unbounded',sans-serif;font-size:18px;font-weight:700;color:var(--border2);width:30px;text-align:center;flex-shrink:0;}
#npp-root .test-ico{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,rgba(247,197,213,.25),rgba(200,184,232,.25));display:flex;align-items:center;justify-content:center;flex-shrink:0;}
#npp-root .test-info{flex:1;}
#npp-root .test-title{font-size:13px;font-weight:500;color:var(--text);display:block;margin-bottom:2px;}
#npp-root .test-meta{font-size:11px;color:var(--muted);font-weight:300;}
#npp-root .test-status{font-size:10px;font-weight:700;padding:4px 12px;border-radius:50px;flex-shrink:0;}
#npp-root .test-status.ts{background:var(--g1);color:#fff;-webkit-text-fill-color:#fff;}
#npp-root .test-status.done-tag{background:linear-gradient(135deg,rgba(150,200,170,.3),rgba(130,190,160,.3));color:#407060;border:1px solid rgba(150,200,170,.4);}
#npp-root .test-status.lock-tag{background:var(--bg3);color:var(--muted);border:1px solid var(--border);}

/* === TEST MODAL === */
#npp-root .test-modal-overlay{position:fixed;inset:0;background:rgba(60,40,50,.35);backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;}
#npp-root .test-modal{background:#fff;border-radius:28px;padding:36px;max-width:560px;width:100%;box-shadow:0 24px 80px rgba(150,110,200,.2);position:relative;max-height:90vh;overflow-y:auto;}
#npp-root .test-modal::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:28px 28px 0 0;background:var(--g-btn);}
#npp-root .test-modal-close{position:absolute;top:16px;right:16px;background:var(--bg3);border:none;border-radius:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);font-size:18px;transition:all .2s;}
#npp-root .test-modal-close:hover{color:var(--text);background:var(--bg);}
#npp-root .test-modal-title{font-family:'Unbounded',sans-serif;font-size:14px;font-weight:700;color:var(--text);margin-bottom:6px;}
#npp-root .test-modal-sub{font-size:12px;color:var(--muted);margin-bottom:24px;font-weight:300;}
#npp-root .test-q{margin-bottom:22px;}
#npp-root .test-q-text{font-size:14px;font-weight:500;color:var(--text);margin-bottom:12px;line-height:1.5;}
#npp-root .test-opts{display:flex;flex-direction:column;gap:8px;}
#npp-root .test-opt{padding:12px 16px;border-radius:13px;border:1.5px solid var(--border);font-size:13px;color:var(--text2);cursor:pointer;transition:all .18s;text-align:left;background:#fff;font-family:'Montserrat',sans-serif;font-weight:400;}
#npp-root .test-opt:hover:not(.chosen){border-color:transparent;box-shadow:0 0 0 1.5px #b898e0;color:var(--text);}
#npp-root .test-opt.correct{border-color:transparent;background:linear-gradient(135deg,rgba(150,200,170,.2),rgba(130,190,160,.15));box-shadow:0 0 0 1.5px rgba(130,190,160,.6);color:#407060;}
#npp-root .test-opt.wrong{border-color:transparent;background:rgba(200,80,80,.06);box-shadow:0 0 0 1.5px rgba(200,80,80,.35);color:#b05060;}
#npp-root .test-opt.chosen{pointer-events:none;}
#npp-root .test-result-box{text-align:center;padding:20px;background:linear-gradient(135deg,rgba(247,197,213,.12),rgba(200,184,232,.12));border-radius:18px;margin-top:20px;}
#npp-root .test-result-score{font-family:'Unbounded',sans-serif;font-size:40px;font-weight:700;background:var(--g-btn);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;}
#npp-root .test-result-label{font-size:13px;color:var(--text2);margin-top:8px;display:block;font-weight:300;}
#npp-root .test-result-msg{font-size:14px;font-weight:500;color:var(--text);margin-top:12px;display:block;}

@media(max-width:900px){#npp-root .cert-grid{grid-template-columns:1fr;}}
@media(max-width:560px){#npp-root .cert-grid{grid-template-columns:1fr;}#npp-root .test-card{flex-wrap:wrap;}#npp-root .wl-prog-bar{height:5px;}}

/* === SINGLE CERT CARD override === */
#npp-root .cert-single{max-width:660px;}
#npp-root #CERT_GRID .cert-card.cert-single{grid-column:unset;}

/* === MADTEST modal overrides === */
#npp-root .test-modal{padding:0;}
/* Ensure madtest widget fills container */
#npp-root .madtest{width:100%;min-height:200px;}
/* Softer overlay click zone — don't close on inner click */
#npp-root .test-modal-overlay{align-items:center;}
@media(max-width:560px){
  #npp-root .test-modal{border-radius:18px;}
}

/* === KPK FORM === */
#npp-root .kpk-card{background:var(--bg2);border:1px solid var(--border);border-radius:22px;padding:28px;box-shadow:0 2px 16px var(--shadow);max-width:620px;position:relative;overflow:hidden;}
#npp-root .kpk-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c8b4e8,#daa0c8,#f0b880);}
#npp-root .kpk-locked{background:linear-gradient(135deg,rgba(200,180,240,.06),rgba(247,197,213,.06));border:1.5px dashed var(--border2);border-radius:22px;padding:40px 28px;text-align:center;max-width:620px;}
#npp-root .kpk-input-wrap{position:relative;margin-bottom:12px;}
#npp-root .kpk-input{width:100%;background:var(--bg3);border:1.5px solid var(--border);border-radius:14px;padding:14px 16px;font-family:'Montserrat',sans-serif;font-size:13px;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;}
#npp-root .kpk-input:focus{border-color:transparent;box-shadow:0 0 0 2px rgba(216,136,176,.4);}
#npp-root .kpk-input::placeholder{color:var(--muted);}
#npp-root .kpk-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--g-btn);border:none;border-radius:50px;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:600;color:#fff;-webkit-text-fill-color:#fff;cursor:pointer;box-shadow:0 8px 24px rgba(200,100,160,.22);transition:all .2s;}
#npp-root .kpk-btn:hover{transform:translateY(-1px);box-shadow:0 12px 32px rgba(200,100,160,.32);}
#npp-root .kpk-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;}
#npp-root .kpk-success{background:linear-gradient(135deg,rgba(160,220,185,.12),rgba(120,200,155,.08));border:1.5px solid rgba(120,200,155,.35);border-radius:16px;padding:20px 22px;display:flex;align-items:flex-start;gap:14px;margin-top:16px;}
#npp-root .kpk-checklist{margin-top:20px;display:flex;flex-direction:column;gap:8px;}
#npp-root .kpk-check-item{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--text2);line-height:1.5;}
#npp-root .kpk-check-ico{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,rgba(247,197,213,.3),rgba(200,184,232,.3));border:1px solid rgba(200,180,240,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
/* Zoom button */
#npp-root .zoom-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;background:linear-gradient(135deg,#c8b4e8,#d898c8,#f0b060);border:none;border-radius:50px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;color:#fff;-webkit-text-fill-color:#fff;cursor:pointer;box-shadow:0 6px 20px rgba(200,100,160,.32);transition:all .2s;text-decoration:none;flex-shrink:0;white-space:nowrap;}
#npp-root .zoom-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(200,100,160,.42);}
/* Chat course button */
#npp-root .chat-course-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px;background:linear-gradient(135deg,#2aabee,#229ed9);border:none;border-radius:18px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:600;color:#fff;-webkit-text-fill-color:#fff;cursor:pointer;box-shadow:0 10px 28px rgba(42,171,238,.3);transition:all .2s;text-decoration:none;margin-bottom:16px;}
#npp-root .chat-course-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(42,171,238,.4);}

/* ===== PREWEEK GIFT NAV ITEM ===== */
#npp-root .ni-preweek{background:linear-gradient(135deg,#d4c4f0,#e4aad4,#f5c08a);border-color:transparent;color:#fff;-webkit-text-fill-color:#fff;box-shadow:0 6px 18px rgba(200,100,160,.2);}
#npp-root .ni-preweek:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(200,100,160,.32);background:linear-gradient(135deg,#c8b4e8,#d898c8,#eeac78);}
#npp-root .ni-preweek.on{background:linear-gradient(135deg,#c8b4e8,#d898c8,#eeac78);border-color:transparent;color:#fff;-webkit-text-fill-color:#fff;box-shadow:0 8px 22px rgba(200,100,160,.28);}
#npp-root .ni-preweek .gift-label{display:none;}
/* ===== PREWEEK SECTION ===== */
#npp-root .pw-gift-banner{background:linear-gradient(135deg,rgba(247,197,213,.2),rgba(255,220,100,.15));border:1.5px solid rgba(247,197,213,.5);border-radius:20px;padding:18px 22px;display:flex;align-items:center;gap:14px;margin-bottom:28px;}
#npp-root .pw-gift-ico{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#f5c540,#f0a020);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px;}
#npp-root .pw-gift-text strong{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px;}
#npp-root .pw-gift-text span{font-size:12px;color:var(--muted);font-weight:300;}
#npp-root .pw-video-card{background:#fff;border:1px solid rgba(200,190,220,.2);border-radius:16px;overflow:hidden;margin-bottom:14px;box-shadow:0 2px 12px rgba(130,100,180,.05);}
#npp-root .pw-video-title{font-size:13px;font-weight:500;color:var(--text);padding:14px 16px 10px;}
#npp-root .pw-video-wrap{position:relative;padding-top:56.25%;}
#npp-root .pw-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}
#npp-root .pw-audio-card{background:#fff;border:1px solid rgba(200,190,220,.2);border-radius:16px;padding:20px;box-shadow:0 2px 12px rgba(130,100,180,.05);margin-bottom:14px;}
#npp-root .pw-audio-title{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;background:var(--g-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:14px;display:block;}
#npp-root .pw-track{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer;}
#npp-root .pw-track:last-of-type{border-bottom:none;}
#npp-root .pw-track:hover .pw-play{background:linear-gradient(135deg,#c8b4e8,#d898c8);transform:scale(1.08);}#npp-root .pw-track:active .pw-play{transform:scale(.94);}
#npp-root .pw-play{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#c8b4e8,#d898c8);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .18s;box-shadow:0 3px 10px rgba(200,100,160,.25);}
#npp-root .pw-play.playing{background:linear-gradient(135deg,#c8b4e8,#d898c8,#f0b880);box-shadow:0 4px 14px rgba(200,100,160,.3);}
#npp-root .pw-track-name{flex:1;font-size:13px;color:var(--text);font-weight:400;}
#npp-root audio#pw-aud{width:100%;margin-top:14px;border-radius:8px;}
#npp-root .pw-notes-link{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#fff;border:1px solid rgba(200,190,220,.2);border-radius:16px;text-decoration:none;transition:all .2s;box-shadow:0 2px 12px rgba(130,100,180,.05);}
#npp-root .pw-notes-link:hover{border-color:rgba(180,150,230,.4);box-shadow:0 6px 20px rgba(130,100,180,.12);transform:translateY(-1px);}
#npp-root .pw-notes-ico{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#c8dcd0,#b8c8e8);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
#npp-root .pw-notes-label{font-size:13px;font-weight:500;color:var(--text);}
#npp-root .pw-notes-sub{font-size:11px;color:var(--rose);font-weight:500;margin-top:2px;}

/* ===== PREWEEK FEEDBACK ===== */
#npp-root .pw-feedback{border-top:1px solid var(--border);padding:14px 16px 16px;}
#npp-root .pw-fb-inner{display:flex;flex-direction:column;gap:10px;}
#npp-root .pw-fb-label{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--muted);}
#npp-root .pw-stars{display:flex;gap:4px;}
#npp-root .pw-star{background:none;border:none;font-size:22px;color:#e0d8e8;-webkit-text-fill-color:#e0d8e8;cursor:pointer;padding:0 2px;transition:color .15s,transform .15s,transform .15s;line-height:1;}
#npp-root .pw-star:hover,#npp-root .pw-star.on{color:#f5c540;-webkit-text-fill-color:#f5c540;transform:scale(1.15);}
#npp-root .pw-comment{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:10px 12px;font-family:'Montserrat',sans-serif;font-size:12px;color:var(--text);background:var(--bg3);resize:none;outline:none;transition:border-color .2s;}
#npp-root .pw-comment:focus{border-color:rgba(180,150,230,.5);}
#npp-root .pw-fb-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--g-btn);border:none;border-radius:50px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;color:#fff;-webkit-text-fill-color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px rgba(200,100,160,.2);align-self:flex-start;}
#npp-root .pw-fb-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(200,100,160,.3);}
#npp-root .pw-fb-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;}
#npp-root .pw-fb-saved{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,rgba(160,216,184,.15),rgba(128,200,160,.1));border:1px solid rgba(160,216,184,.4);border-radius:10px;font-size:12px;color:#408060;font-weight:500;}
#npp-root .pw-lesson-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid rgba(200,190,220,.2);border-radius:16px;margin-bottom:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(130,100,180,.04);}
#npp-root .pw-lesson-row:hover{border-color:rgba(180,150,230,.4);box-shadow:0 4px 16px rgba(130,100,180,.1);transform:translateY(-1px);}
#npp-root .pw-lesson-row.open{border-color:rgba(180,150,230,.4);border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0;}
#npp-root .pw-row-play{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,rgba(230,200,250,.3),rgba(200,160,240,.2));display:flex;align-items:center;justify-content:center;flex-shrink:0;}
#npp-root .pw-chev{color:var(--muted);transition:transform .25s;flex-shrink:0;}
#npp-root .pw-lesson-row.open .pw-chev{transform:rotate(180deg);}
#npp-root .pw-video-expand{background:#fff;border:1px solid rgba(180,150,230,.4);border-top:none;border-radius:0 0 16px 16px;margin-bottom:12px;overflow:hidden;}
#npp-root .pw-video-expand .pw-video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
#npp-root .pw-video-expand .pw-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}
#npp-root .pw-card-thumb{background:linear-gradient(135deg,#d4c4f0 0%,#e4aad4 50%,#f5c08a 100%);}
#npp-root .pw-iframe-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
#npp-root .pw-iframe-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}
#npp-root .pw-card-open{box-shadow:0 8px 32px rgba(150,110,200,.18)!important;border-color:rgba(180,150,230,.5)!important;}

@media(max-width:768px){#npp-root .evc{padding:14px 12px 14px 18px;gap:8px 10px;min-height:auto;flex-wrap:wrap;align-items:center;align-content:flex-start;}#npp-root .edy{font-size:20px;}#npp-root .ed{min-width:44px;flex-shrink:0;}#npp-root .edv{display:none;}#npp-root .ei{min-width:0;flex:1;}#npp-root .etm{order:3;flex-shrink:0;}#npp-root .ett{font-size:13px;word-break:break-word;}#npp-root .zoom-btn{width:100%;justify-content:center;order:10;margin-top:4px;}}
@keyframes npp-wl-star-rise{0%{transform:translateY(0) rotate(0deg);opacity:0}15%{opacity:1}85%{opacity:.7}100%{transform:translateY(-80px) rotate(25deg);opacity:0}}
@keyframes npp-wl-star-twinkle{0%,100%{transform:scale(1) rotate(0deg);opacity:.4}50%{transform:scale(1.6) rotate(15deg);opacity:.95}}
#npp-root .npp-wl-sf{position:absolute;pointer-events:none;animation-name:npp-wl-star-rise;animation-timing-function:linear;animation-iteration-count:infinite;z-index:2;}
#npp-root .npp-wl-st{position:absolute;pointer-events:none;animation-name:npp-wl-star-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;z-index:2;}



/* ===== PREWEEK BANNER STARS ===== */
@keyframes npp-star-float{0%{transform:translateY(0) rotate(0deg);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(-38px) rotate(25deg);opacity:0}}
@keyframes npp-star-twinkle{0%,100%{transform:scale(1) rotate(0deg);opacity:.7}50%{transform:scale(1.4) rotate(20deg);opacity:1}}
#npp-root .pw-star-float{position:absolute;pointer-events:none;animation-name:npp-star-float;animation-timing-function:linear;animation-iteration-count:infinite;}
#npp-root .pw-star-twinkle{position:absolute;pointer-events:none;animation-name:npp-star-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;}

/* ===== PREWEEK GIFT BANNER ===== */
#npp-root .pw-gift-banner-v3{background:linear-gradient(135deg,#d4c4f0 0%,#e4aad4 50%,#f5c08a 100%);border-radius:22px;padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 12px 40px rgba(200,100,160,.25);margin-bottom:4px;}
#npp-root .pw-banner-content{display:flex;align-items:center;gap:24px;position:relative;z-index:1;}
#npp-root .pw-banner-icon{width:80px;height:80px;border-radius:22px;background:rgba(255,255,255,.25);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 24px rgba(0,0,0,.1);}
#npp-root .pw-banner-text{flex:1;min-width:0;}
#npp-root .pw-banner-pill{display:inline-flex;align-items:center;background:rgba(255,255,255,.25);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.4);border-radius:50px;padding:4px 14px;margin-bottom:10px;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#fff;-webkit-text-fill-color:#fff;font-family:Montserrat,sans-serif;}
#npp-root .pw-banner-title{font-family:Unbounded,sans-serif;font-size:20px;font-weight:700;color:#fff;-webkit-text-fill-color:#fff;letter-spacing:-.5px;line-height:1.2;margin-bottom:6px;text-shadow:0 2px 12px rgba(150,80,120,.2);}
#npp-root .pw-banner-desc{font-size:13px;color:rgba(255,255,255,.82);-webkit-text-fill-color:rgba(255,255,255,.82);font-weight:300;line-height:1.5;}
#npp-root .pw-banner-badge{flex-shrink:0;text-align:center;background:rgba(255,255,255,.22);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.4);border-radius:18px;padding:14px 20px;}
#npp-root .pw-banner-badge-num{font-family:Unbounded,sans-serif;font-size:26px;font-weight:700;color:#fff;-webkit-text-fill-color:#fff;line-height:1;}
#npp-root .pw-banner-badge-lbl{font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.8);-webkit-text-fill-color:rgba(255,255,255,.8);margin-top:4px;font-family:Montserrat,sans-serif;}
@media(max-width:640px){
  #npp-root .pw-gift-banner-v3{padding:22px 20px;}
  #npp-root .pw-banner-badge{display:none;}
  #npp-root .pw-banner-title{font-size:17px;}
  #npp-root .pw-banner-icon{width:64px;height:64px;border-radius:18px;}
  #npp-root .pw-banner-icon svg{width:28px;height:28px;}
}
@media(max-width:400px){
  #npp-root .pw-gift-banner-v3{padding:18px 16px;}
  #npp-root .pw-banner-content{gap:14px;}
  #npp-root .pw-banner-icon{width:56px;height:56px;}
  #npp-root .pw-banner-title{font-size:15px;}
  #npp-root .pw-banner-desc{font-size:12px;}
}