/* BrandVerse Premium 2026 — shared visual finish. Styling only. */
:root{
  --bv-ink:#06152f;--bv-ink-2:#0a2348;--bv-gold:#d5ae58;--bv-gold-soft:#f2dda3;
  --bv-electric:#5267ff;--bv-violet:#7c4dff;--bv-cyan:#19c9d1;
  --bv-surface:#fff;--bv-surface-soft:#f5f7fb;--bv-line:#dce4ef;
  --bv-shadow:0 24px 70px rgba(6,21,47,.12);--bv-shadow-soft:0 12px 34px rgba(6,21,47,.08);
  --bv-radius:22px;--bv-radius-lg:30px;
}
html{scroll-behavior:smooth}
body{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
.nav{backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25)}
.nav a,.button,button,input,select,textarea,summary{transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease}
.button:hover{transform:translateY(-2px)}
.button:active{transform:translateY(0)}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid rgba(82,103,255,.32);outline-offset:3px}
.course-hero{position:relative}
.course-hero:after{content:"";position:absolute;z-index:-1;right:-12%;top:7%;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(82,103,255,.12),rgba(124,77,255,.05) 42%,transparent 70%);filter:blur(4px)}
.course-module-grid article,.course-card{position:relative;overflow:hidden;border-color:rgba(6,21,47,.09);box-shadow:var(--bv-shadow-soft)}
.course-module-grid article:before,.course-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--bv-gold),var(--bv-electric),var(--bv-violet));opacity:.72}
.course-card:hover,.course-module-grid article:hover{transform:translateY(-4px);box-shadow:var(--bv-shadow);border-color:rgba(82,103,255,.2)}
.course-toolbar{padding:16px;border:1px solid var(--bv-line);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 12px 40px rgba(6,21,47,.06);backdrop-filter:blur(16px)}
.course-toolbar input,.course-toolbar select{min-height:48px;border-radius:13px}
.course-card summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.course-card summary::-webkit-details-marker{display:none}
.course-card summary:after{content:"+";display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eef2ff;color:var(--bv-electric);font-size:18px}
.course-card details[open] summary:after{content:"−"}
.course-resource-list span{border:1px solid rgba(6,21,47,.06)}
.ws-body{--ws-electric:#5267ff;--ws-violet:#7c4dff;--ws-cyan:#19c9d1}
.ws-side,.ws-appbar,.ws-panel,.ws-card,.ws-task,.ws-row,.fc-panel{backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}
.ws-panel,.ws-card,.ws-task,.ws-row,.fc-panel{border-color:rgba(174,190,220,.12)!important;box-shadow:0 18px 54px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)}
.ws-panel:hover,.ws-card:hover,.fc-panel:hover{border-color:rgba(213,174,88,.22)!important}
.ws-top h1,.ws-panel h2,.ws-panel h3{letter-spacing:-.035em}
.ws-top p,.ws-panel p{line-height:1.65}
.ws-side nav a{border-radius:11px;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.ws-side nav a:hover{transform:translateX(2px);background:rgba(255,255,255,.045)!important}
.ws-metrics article{position:relative;overflow:hidden}
.ws-metrics article:after{content:"";position:absolute;inset:auto -28px -38px auto;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,rgba(82,103,255,.16),transparent 68%);pointer-events:none}
.ws-metrics article:nth-child(2n):after{background:radial-gradient(circle,rgba(213,174,88,.14),transparent 68%)}
.ws-metrics article:nth-child(3n):after{background:radial-gradient(circle,rgba(25,201,209,.11),transparent 68%)}
.ws-body input,.ws-body select,.ws-body textarea{border-radius:12px!important}
.ws-body input:focus,.ws-body select:focus,.ws-body textarea:focus{border-color:rgba(213,174,88,.55)!important;box-shadow:0 0 0 3px rgba(213,174,88,.12)!important}
@media(max-width:900px){.ws-panel,.ws-card,.fc-panel{border-radius:18px!important}.ws-side{box-shadow:26px 0 70px rgba(0,0,0,.45)}}
@media(max-width:620px){.course-hero:after{width:80%;right:-40%}.course-card,.course-module-grid article{border-radius:18px;padding:20px}.course-toolbar{padding:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.course-hero{max-width:1200px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(390px,.75fr);gap:clamp(36px,6vw,78px);align-items:center}
.course-hero-copy{min-width:0}.course-hero .button:first-child{background:linear-gradient(135deg,#e2c173,#c89b43);color:#071a3a;box-shadow:0 14px 32px rgba(213,174,88,.22)}
.course-hero-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.course-hero-proof span{padding:8px 10px;border:1px solid var(--bv-line);border-radius:999px;background:rgba(255,255,255,.7);color:#5d6d82;font-size:11px;font-weight:800}
.course-hero-system{position:relative;overflow:hidden;padding:28px;border:1px solid rgba(213,174,88,.22);border-radius:30px;background:linear-gradient(155deg,#06152f,#071a3a 58%,#0b2852);box-shadow:0 34px 80px rgba(6,21,47,.23);color:#fff}
.course-hero-system:after{content:"";position:absolute;right:-20%;bottom:-28%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(82,103,255,.28),rgba(124,77,255,.10) 45%,transparent 70%);pointer-events:none}
.course-hero-system .eyebrow{color:#e6ca84}.course-hero-system h2{position:relative;z-index:1;margin:8px 0 24px;color:#fff;font-size:clamp(30px,4vw,46px);line-height:1.02}
.course-system-flow{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.course-system-flow div{min-height:126px;padding:16px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(255,255,255,.055);backdrop-filter:blur(12px)}
.course-system-flow b{display:block;color:#d9bf7c;font-size:10px;letter-spacing:.12em}.course-system-flow span{display:block;margin-top:16px;color:#fff;font-size:17px;font-weight:850}.course-system-flow small{display:block;margin-top:6px;color:#aebdd0;line-height:1.45}
.course-system-note{position:relative;z-index:1;margin:16px 0 0!important;color:#aebdd0!important;font-size:12px}
@media(max-width:900px){.course-hero{grid-template-columns:1fr}.course-hero-system{max-width:680px}.course-hero-proof{margin-bottom:6px}}
@media(max-width:520px){.course-system-flow{grid-template-columns:1fr}.course-hero-system{padding:20px;border-radius:22px}.course-system-flow div{min-height:0}}

.course-hero{width:min(1200px,calc(100% - 40px));margin-left:auto;margin-right:auto;min-width:0}
.course-hero-copy,.course-hero-system,.course-system-flow,.course-system-flow div{min-width:0}
@media(max-width:620px){
  .course-hero{width:calc(100% - 32px);padding-left:0;padding-right:0;overflow:hidden}
  .course-hero-copy h1{max-width:100%;font-size:clamp(42px,12vw,56px);overflow-wrap:normal;word-break:normal}
  .course-hero-copy .lead{max-width:100%;font-size:17px}
  .course-hero .actions{display:grid;grid-template-columns:1fr;width:100%}
  .course-hero .actions .button{width:100%;box-sizing:border-box;text-align:center}
  .course-hero-proof{max-width:100%}
  .course-hero-system{width:100%;box-sizing:border-box}
}

@media(max-width:620px){
  body{max-width:100vw;overflow-x:hidden}
  .page-hero.course-hero{display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:64px 16px 48px!important;box-sizing:border-box!important}
  .course-hero-copy{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .course-hero-copy h1{width:100%!important;max-width:100%!important;min-width:0!important;font-size:40px!important;line-height:1.04!important;white-space:normal!important;text-wrap:wrap!important;overflow-wrap:anywhere!important;word-break:normal!important}
  .course-hero-copy .lead{width:100%!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere}
  .course-hero-system{display:block!important;width:100%!important;max-width:100%!important;margin-top:36px!important}
}

@media(max-width:620px){
  .course-hero-copy,.course-hero-system{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;box-sizing:border-box!important}
  .course-hero-copy h1,.course-hero-copy .lead{width:auto!important;max-width:calc(100vw - 32px)!important}
  .course-hero .actions,.course-hero .actions .button{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important}
  .course-hero-proof{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important}
  .course-hero-proof span{max-width:100%;box-sizing:border-box}
  .course-hero-system h2{font-size:30px!important;overflow-wrap:anywhere}
}