:root{--bg:#070a10;--line:rgba(154,176,255,.14);--blue:#8fa8ff;--muted:#b8c1d2}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:#f6f8ff;font-family:'Heebo',sans-serif;overflow-x:hidden}
.lecture-page{min-height:100vh;background:radial-gradient(circle at 78% 14%,rgba(124,140,255,.12),transparent 30%),#070a10;padding-top:82px}
.lp-hero{position:relative;height:400px;overflow:hidden;border-bottom:1px solid var(--line);background:#080c13}
.lp-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.lp-hero-bg img{position:absolute;left:0;top:0;width:56%;height:100%;object-fit:cover;object-position:center}
.lp-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,16,.02) 0%,rgba(7,10,16,.12) 32%,rgba(7,10,16,.74) 48%,#070a10 64%,#070a10 100%)}
.lp-hero .shell{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:flex-start}
.lp-hero-copy{width:min(50%,720px);min-width:0;margin-right:0;margin-left:auto;text-align:right;padding-right:0}
.lp-kicker{font-size:12px;letter-spacing:2px;color:var(--blue);font-weight:700;margin:0 0 14px}
.lp-hero h1{font-size:clamp(46px,5.4vw,78px);line-height:.98;letter-spacing:-2.4px;margin:0;max-width:100%;overflow-wrap:break-word}
.lp-hero h1 span{display:block;font-weight:300;color:#dfe4f2;margin-top:8px}
.lp-lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:680px;margin:22px 0 0}
.lp-grid{display:grid;grid-template-columns:1fr .78fr;gap:8vw;padding:80px 0 100px;align-items:start}
.lp-copy h2{font-size:42px;margin:0 0 24px;letter-spacing:-1.5px}.lp-copy p{font-size:17px;line-height:1.95;color:var(--muted)}
.lp-list{list-style:none;margin:36px 0 0;padding:0;border-top:1px solid var(--line)}.lp-list li{padding:19px 28px 19px 0;border-bottom:1px solid rgba(154,176,255,.11);font-size:16px;position:relative}.lp-list li:before{content:"•";position:absolute;right:4px;color:var(--blue)}
.lp-side{position:sticky;top:116px;padding:32px;border:1px solid var(--line);background:rgba(255,255,255,.018);box-shadow:0 30px 90px rgba(0,0,0,.22)}.lp-side small{display:block;color:var(--blue);letter-spacing:1.5px;margin-bottom:12px}.lp-side h3{font-size:28px;margin:0 0 13px}.lp-side p{color:#aeb8ca;line-height:1.75;margin:0 0 24px}.lp-cta{display:inline-flex;padding:14px 22px;background:linear-gradient(135deg,#93aaff,#6fdcff);color:#05070b;font-weight:800;font-size:13px;text-decoration:none}.lp-back{display:inline-flex;margin-top:20px;font-size:13px;color:#c8d2ff;border-bottom:1px solid rgba(143,168,255,.4);padding-bottom:6px;text-decoration:none}
@media(max-width:900px){.lp-hero{height:320px}.lp-hero-bg img{width:62%}.lp-hero-bg:after{background:linear-gradient(90deg,rgba(7,10,16,.04) 0%,rgba(7,10,16,.26) 35%,rgba(7,10,16,.88) 58%,#070a10 78%,#070a10 100%)}.lp-hero-copy{width:54%}.lp-hero h1{font-size:clamp(40px,7vw,58px);letter-spacing:-1.8px}.lp-lead{font-size:15px;line-height:1.65;margin-top:16px}.lp-grid{grid-template-columns:1fr;gap:42px;padding:58px 0 80px}.lp-side{position:static}}
@media(max-width:560px){.lecture-page{padding-top:72px}.lp-hero{height:250px}.lp-hero-bg img{width:100%;height:100%;opacity:.88}.lp-hero-bg:after{background:linear-gradient(90deg,rgba(7,10,16,.18) 0%,rgba(7,10,16,.54) 46%,rgba(7,10,16,.94) 76%,#070a10 100%)}.lp-hero .shell{align-items:center}.lp-hero-copy{width:66%;margin-left:auto;padding:0 2px 0 0}.lp-kicker{font-size:10px;margin-bottom:8px}.lp-hero h1{font-size:clamp(30px,9.7vw,42px);line-height:1;letter-spacing:-1.3px}.lp-hero h1 span{margin-top:5px}.lp-lead{font-size:12.5px;line-height:1.52;margin-top:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lp-copy h2{font-size:34px}}


/* v77 — polished ambient depth for lecture pages */
.lecture-page{
  background:
    radial-gradient(74% 44% at 76% 24%,rgba(84,99,154,.12) 0%,rgba(84,99,154,.04) 49%,transparent 76%),
    #070a10!important;
}
.lecture-page>section:not(.lp-hero){
  position:relative;
  background:
    radial-gradient(72% 48% at 26% 38%,rgba(62,111,129,.08) 0%,rgba(62,111,129,.026) 50%,transparent 77%),
    radial-gradient(72% 48% at 80% 72%,rgba(77,92,144,.085) 0%,rgba(77,92,144,.024) 50%,transparent 77%),
    linear-gradient(180deg,#070a10 0%,#080b11 52%,#070a10 100%)!important;
}
@media(max-width:560px){
  .lecture-page{background:#070a10!important}
  .lecture-page>section:not(.lp-hero){
    background:
      radial-gradient(96% 42% at 24% 38%,rgba(62,111,129,.06) 0%,rgba(62,111,129,.018) 52%,transparent 78%),
      #070a10!important;
  }
}