
/* NPP 9.47.4 — canonical subject hub visual layer */
.npp-subject-learning-hub{--npp-accent:#536fd2;--npp-accent-2:#755bd0;max-width:1180px;margin:28px auto 70px;padding:0 10px;font-family:inherit;color:#18233b}
.npp-subject-learning-hub *{box-sizing:border-box}.npp-subject-learning-hub a{text-decoration:none}
.npp-subject-learning-hub.npp-subject-theme-evs{--npp-accent:#18875f;--npp-accent-2:#39a96e}.npp-subject-learning-hub.npp-subject-theme-math{--npp-accent:#2869c9;--npp-accent-2:#4b7de2}.npp-subject-learning-hub.npp-subject-theme-mental{--npp-accent:#6847c7;--npp-accent-2:#8b63db}.npp-subject-learning-hub.npp-subject-theme-language{--npp-accent:#4054a9;--npp-accent-2:#6876cf}
.npp-subject-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.25fr .75fr;gap:30px;padding:clamp(34px,5vw,68px);border-radius:32px;background:radial-gradient(circle at 88% 14%,rgba(255,255,255,.20),transparent 28%),linear-gradient(135deg,#172846,var(--npp-accent) 58%,var(--npp-accent-2));color:#fff;box-shadow:0 26px 70px rgba(23,40,70,.22)}
.npp-subject-hero:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-220px;bottom:-300px}.npp-subject-hero-copy,.npp-subject-hero-art{position:relative;z-index:1}.npp-subject-kicker{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:900;letter-spacing:.13em;color:#7886a1}.npp-subject-hero .npp-subject-kicker{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.92)}
.npp-subject-hero h2{margin:17px 0 12px;font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.035em;color:#fff}.npp-subject-hero p{max-width:650px;margin:0;color:rgba(255,255,255,.88);font-size:18px;line-height:1.7}.npp-subject-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}.npp-subject-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border-radius:13px;background:linear-gradient(135deg,var(--npp-accent),var(--npp-accent-2));color:#fff!important;font-weight:850;font-size:13px;box-shadow:0 9px 22px rgba(45,61,115,.16);transition:transform .18s ease,box-shadow .18s ease}.npp-subject-btn:hover{transform:translateY(-2px);box-shadow:0 13px 27px rgba(45,61,115,.20)}.npp-subject-hero .npp-subject-btn{background:#fff;color:#24345d!important}.npp-subject-hero-link{display:inline-flex;align-items:center;padding:11px 15px;border-radius:13px;color:#fff!important;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);font-weight:800;font-size:13px}
.npp-subject-hero-art{display:grid;place-items:center;min-height:290px}.npp-subject-orbit{width:285px;height:285px;border-radius:50%;border:1px dashed rgba(255,255,255,.35);display:grid;place-items:center;position:relative}.npp-subject-orbit:before{content:"";position:absolute;inset:34px;border:1px solid rgba(255,255,255,.18);border-radius:50%}.npp-subject-orbit strong{display:grid;place-items:center;width:112px;height:112px;border-radius:34px;background:linear-gradient(145deg,#fff,#e3eaff);font-size:46px;box-shadow:0 22px 38px rgba(0,0,0,.22);z-index:2}.npp-subject-orbit span{position:absolute;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);font-size:11px;font-weight:850}.npp-subject-orbit span:nth-of-type(1){top:2px}.npp-subject-orbit span:nth-of-type(2){right:-8px;top:45%}.npp-subject-orbit span:nth-of-type(3){bottom:2px}.npp-subject-orbit span:nth-of-type(4){left:-8px;top:45%}
.npp-subject-hub-section{margin-top:24px;padding:27px;border:1px solid #e3e9f3;border-radius:27px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 14px 38px rgba(20,35,68,.055)}.npp-subject-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.npp-subject-section-head h2{margin:7px 0 6px!important;font-size:clamp(25px,3vw,35px)!important;line-height:1.12!important;color:#202f57!important}.npp-subject-section-head p{margin:0!important;color:#68758b!important;line-height:1.6}.npp-subject-icon{font-size:38px}
.npp-subject-progress-panel{display:grid;grid-template-columns:1.35fr .85fr auto;gap:22px;align-items:center;margin-top:24px;padding:21px 23px;border:1px solid #e2e8f2;border-radius:23px;background:#fff;box-shadow:0 10px 28px rgba(20,35,68,.05)}.npp-progress-copy h2{margin:7px 0 4px!important;font-size:23px!important;color:#24345d!important}.npp-progress-copy p{margin:0!important;font-size:13px!important;color:#69768b!important}.npp-progress-meter strong{font-size:29px;color:var(--npp-accent)}.npp-progress-meter div{height:8px;margin:7px 0;background:#e9eef6;border-radius:99px;overflow:hidden}.npp-progress-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--npp-accent),var(--npp-accent-2))}.npp-progress-meter small{font-size:11px;color:#7a869a}
.npp-learning-path{margin-top:24px!important}.npp-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.npp-path-grid article{padding:19px;border:1px solid #e4e9f2;border-radius:20px;background:#fff;min-height:145px}.npp-path-grid span{font-size:10px;font-weight:900;color:#8a96aa;letter-spacing:.08em}.npp-path-grid b{display:block;margin:11px 0 5px;font-size:17px;color:#293861}.npp-path-grid p{margin:0;font-size:13px;line-height:1.55;color:#6d798e}
.npp-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.npp-topic-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:18px;border:1px solid #e3e8f1;border-radius:20px;background:#fff;transition:transform .18s ease,box-shadow .18s ease}.npp-topic-card:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(20,35,68,.08)}.npp-topic-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#eef3ff;font-size:18px}.npp-topic-card h3{margin:0 0 4px!important;font-size:17px!important;color:#26365d!important}.npp-topic-card p{margin:0!important;font-size:12px!important;color:#718096!important}.npp-topic-card a{font-size:12px;font-weight:850;color:var(--npp-accent)}
.npp-subject-course-grid,.npp9444-mock-tests .npp9444-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:17px!important}.npp-subject-course-card,.npp9444-mock-tests .npp9444-card{min-width:0;padding:21px!important;border:1px solid #dfe6f0!important;border-radius:21px!important;background:#fff!important;box-shadow:0 9px 27px rgba(20,35,68,.055)!important;transition:transform .18s ease,box-shadow .18s ease!important}.npp-subject-course-card:hover,.npp9444-mock-tests .npp9444-card:hover{transform:translateY(-3px)!important;box-shadow:0 17px 34px rgba(20,35,68,.10)!important}.npp9444-mock-tests .npp9444-head{display:none!important}.npp9444-mock-tests .npp9444-badge.type{background:#eef2ff!important;color:#4d55a9!important}.npp9444-mock-tests .npp9444-badge{border-radius:999px!important}.npp9444-mock-tests .npp9444-btn{border-radius:11px!important;background:linear-gradient(135deg,var(--npp-accent),var(--npp-accent-2))!important}.npp-subject-course-card h3,.npp9444-mock-tests .npp9444-card h3{font-size:19px!important;color:#24345e!important}.npp-subject-course-card p,.npp9444-mock-tests .npp9444-desc{color:#68758b!important}.npp-subject-progress{height:7px;border-radius:99px;background:#e9eef6;overflow:hidden}.npp-subject-progress i{background:linear-gradient(90deg,var(--npp-accent),var(--npp-accent-2))!important}
.npp-subject-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:145px;padding:28px!important;border:1px dashed #c9d3e2!important;border-radius:20px!important;background:#fff!important;text-align:center;color:#64748b!important}.npp-subject-empty strong{font-size:17px;color:#34456f}.npp-subject-empty span{font-size:13px;line-height:1.5}.npp-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.npp-resource-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e1e7f0;border-radius:18px;background:#fff;color:#27375f!important;transition:transform .18s ease,box-shadow .18s ease}.npp-resource-card:hover{transform:translateY(-2px);box-shadow:0 13px 27px rgba(20,35,68,.08)}.npp-resource-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eef3ff;font-size:20px}.npp-resource-card strong{font-size:13px}.npp-resource-card em{margin-left:auto;font-style:normal;font-size:20px;color:#6376a7}.npp-subject-ai-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:25px 27px;border-radius:24px;background:linear-gradient(135deg,#eef4ff,#f0eaff);border:1px solid #dfe6f5}.npp-subject-ai-card h2{margin:8px 0 5px!important;font-size:25px!important;color:#25355f!important}.npp-subject-ai-card p{margin:0!important;color:#68748b!important}.npp-subject-next{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:24px;padding:25px 27px;border-radius:24px;background:linear-gradient(135deg,#203965,#6550b1);color:#fff}.npp-subject-next span{font-size:10px;font-weight:900;letter-spacing:.1em;opacity:.75}.npp-subject-next strong{display:block;margin-top:5px;font-size:18px}.npp-subject-next>div:last-child{display:flex;gap:9px}.npp-subject-next a{padding:10px 13px;border-radius:11px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);color:#fff!important;font-weight:800;font-size:12px}
@media(max-width:950px){.npp-subject-hero{grid-template-columns:1fr}.npp-subject-hero-art{min-height:220px}.npp-subject-progress-panel{grid-template-columns:1fr}.npp-path-grid{grid-template-columns:repeat(2,1fr)}.npp-resource-grid{grid-template-columns:1fr}.npp-subject-course-grid,.npp9444-mock-tests .npp9444-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.npp-subject-learning-hub{margin:18px 0 45px;padding:0}.npp-subject-hero{padding:27px 20px;border-radius:24px}.npp-subject-hero h2{font-size:37px}.npp-subject-hero p{font-size:15px}.npp-subject-orbit{width:215px;height:215px}.npp-subject-hub-section{padding:19px;border-radius:21px}.npp-subject-section-head h2{font-size:27px!important}.npp-topic-grid,.npp-subject-course-grid,.npp9444-mock-tests .npp9444-grid{grid-template-columns:1fr!important}.npp-path-grid{grid-template-columns:1fr}.npp-topic-card{grid-template-columns:auto 1fr}.npp-topic-card a{grid-column:2}.npp-subject-ai-card{align-items:flex-start;flex-direction:column;padding:22px}.npp-subject-next{padding:22px}.npp-subject-next>div:last-child{width:100%}.npp-subject-next a{flex:1;text-align:center}}
@media(prefers-reduced-motion:reduce){.npp-subject-course-card,.npp9444-mock-tests .npp9444-card,.npp-topic-card,.npp-resource-card,.npp-subject-btn{transition:none!important}.npp-subject-course-card:hover,.npp9444-mock-tests .npp9444-card:hover,.npp-topic-card:hover,.npp-resource-card:hover{transform:none!important}}
