Add hero section to assignment help page

css/ncue.css

@@ -497,6 +497,97 @@ section.callaction.callaction-home .row{
   font-weight: 750;
 }
 
+/* Page hero (used on assignment/help page) */
+.page-hero{
+  position: relative;
+  padding: 28px 0 18px;
+  overflow: hidden;
+}
+.page-hero:before{
+  content:"";
+  position:absolute;
+  inset:0;
+  background:
+    radial-gradient(900px 420px at 15% 0%, rgba(37,99,235,0.18), transparent 60%),
+    radial-gradient(900px 420px at 85% 20%, rgba(6,182,212,0.14), transparent 60%),
+    linear-gradient(180deg, rgba(255,255,255,0.65), rgba(255,255,255,0.10));
+  z-index: 0;
+}
+.page-hero:after{
+  content:"";
+  position:absolute;
+  inset:0;
+  background:
+    url("../img/slides/hero-ai-2.svg") center/cover no-repeat;
+  opacity: 0.16;
+  filter: saturate(1.05) contrast(1.05);
+  z-index: 0;
+}
+.page-hero .container{ position: relative; z-index: 1; }
+.page-hero .hero-card{
+  background: rgba(255,255,255,0.92);
+  border: 1px solid rgba(15,23,42,0.08);
+  border-radius: var(--ncue-radius);
+  box-shadow: var(--ncue-shadow);
+  padding: 22px 22px 18px;
+  overflow: hidden;
+}
+.page-hero .breadcrumb{
+  margin: 0 0 12px;
+  background: transparent !important;
+}
+.page-hero .breadcrumb li,
+.page-hero .breadcrumb li a{
+  color: rgba(15,23,42,0.82) !important;
+  font-weight: 750;
+}
+.page-hero h1{
+  margin: 0 0 10px;
+  font-size: 34px;
+  line-height: 1.15;
+  letter-spacing: -0.8px;
+}
+.page-hero .hero-lead{
+  margin: 0;
+  color: rgba(15,23,42,0.82);
+  line-height: 1.75;
+  font-weight: 650;
+  max-width: 70ch;
+}
+.page-hero .hero-actions{
+  margin-top: 14px;
+  display: flex;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+.page-hero .hero-actions .btn{
+  padding: 12px 16px;
+  font-weight: 900;
+}
+
+@media (max-width: 767px){
+  .page-hero{
+    padding: 18px 0 10px;
+  }
+  .page-hero .hero-card{
+    padding: 18px 16px 14px;
+  }
+  .page-hero h1{
+    font-size: 26px;
+    line-height: 1.22;
+  }
+  .page-hero .hero-lead{
+    max-width: none;
+    font-size: 15px;
+  }
+  .page-hero .hero-actions{
+    margin-top: 12px;
+  }
+  .page-hero .hero-actions .btn{
+    width: 100%;
+  }
+}
+
 /* Meta post (blog) */
 ul.meta-post li,
 ul.meta-post li a{