@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&family=Outfit:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;600;700;800&family=Sora:wght@500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{color:#11203c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f0e8;font-family:Plus Jakarta Sans,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--brand-text);background:radial-gradient(circle at 0 0,#fffc,#0000 22%),linear-gradient(135deg,#efe7db 0%,#f7f2ea 40%,#f2ede4 100%);margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit}#root{min-height:100svh}.app-shell{min-height:100svh;color:var(--brand-text);position:relative;overflow:hidden}.ambient{pointer-events:none;filter:blur(64px);opacity:.6;position:absolute}.ambient-top{background:var(--brand-glow);width:22rem;height:22rem;top:-6rem;left:-4rem}.ambient-side{background:color-mix(in srgb, var(--brand-secondary) 60%, transparent);width:24rem;height:24rem;top:20rem;right:-8rem}.topbar{z-index:10;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:color-mix(in srgb, var(--brand-surface-strong) 78%, transparent);border-bottom:1px solid color-mix(in srgb, var(--brand-primary) 14%, white);grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;padding:1.1rem clamp(1.1rem,3vw,2.4rem);display:grid;position:sticky;top:0}.brand-lockup{align-items:center;gap:.9rem;display:inline-flex}.brand-mark{background:linear-gradient(150deg, var(--brand-primary), var(--brand-secondary));color:#fff;width:3rem;height:3rem;box-shadow:0 18px 50px -24px var(--brand-glow);border-radius:1rem;place-items:center;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700;display:grid}.brand-lockup strong{font-size:1rem;display:block}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--brand-muted);margin:0 0 .2rem;font-size:.72rem;font-weight:700}.primary-nav{background:color-mix(in srgb, var(--brand-surface-strong) 88%, transparent);border:1px solid color-mix(in srgb, var(--brand-primary) 10%, white);border-radius:999px;justify-self:center;gap:.8rem;padding:.4rem;display:inline-flex}.primary-nav a{color:var(--brand-muted);border-radius:999px;padding:.6rem 1rem;transition:background .18s,color .18s,transform .18s}.primary-nav a.active,.primary-nav a:hover{background:color-mix(in srgb, var(--brand-primary) 12%, white);color:var(--brand-text);transform:translateY(-1px)}.tenant-select{color:var(--brand-muted);gap:.25rem;font-size:.86rem;display:grid}.topbar-actions{justify-content:flex-end;align-items:center;gap:.9rem;display:flex}.tenant-select select{border:1px solid color-mix(in srgb, var(--brand-primary) 16%, white);background:color-mix(in srgb, var(--brand-surface-strong) 92%, transparent);min-width:13rem;color:var(--brand-text);border-radius:1rem;padding:.75rem .9rem}.content-grid{width:min(1380px,100% - 2rem);margin:0 auto;padding:clamp(1.2rem,2vw,2rem) 0 4rem}.hero-card,.section-card{border:1px solid color-mix(in srgb, var(--brand-primary) 14%, white);background:linear-gradient(180deg, color-mix(in srgb, var(--brand-surface-strong) 94%, transparent), color-mix(in srgb, var(--brand-surface) 96%, transparent));box-shadow:0 18px 48px -34px var(--brand-glow), inset 0 1px 0 #ffffffb3;border-radius:2rem;margin-bottom:1.2rem;position:relative;overflow:hidden}.hero-card{grid-template-columns:minmax(0,1.4fr) minmax(20rem,.8fr);gap:1.5rem;padding:clamp(1.3rem,3vw,2.2rem);display:grid}.hero-copy h1,.program-hero h1{letter-spacing:-.06em;margin:0 0 1rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2.3rem,4.4vw,4.5rem);line-height:.98}.hero-text{max-width:50rem;color:var(--brand-muted);margin:0;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:.8rem;margin:1.4rem 0;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.9rem 1.2rem;font-weight:700;display:inline-flex}.button.compact{min-height:2.7rem;padding-inline:1rem}.button-primary{background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));color:#fff;box-shadow:0 24px 40px -24px var(--brand-glow)}.button-secondary{border:1px solid color-mix(in srgb, var(--brand-primary) 18%, white);background:color-mix(in srgb, var(--brand-surface-strong) 88%, transparent)}.ghost-button{color:var(--brand-primary);cursor:pointer;background:0 0;border:0;font-weight:700}.signal-list,.inline-list,.tag-row{flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.signal-list li,.inline-list li,.chip{background:color-mix(in srgb, var(--brand-primary) 10%, white);color:var(--brand-text);border-radius:999px;padding:.45rem .7rem;font-size:.84rem}.hero-side{gap:.9rem;display:grid}.metric-card,.info-block{background:color-mix(in srgb, var(--brand-surface) 92%, white);border:1px solid color-mix(in srgb, var(--brand-primary) 14%, white);border-radius:1.4rem;padding:1rem 1.05rem}.metric-card span,.info-block span,.score-item span,.section-header p,.small-note,.audit-card small,.program-metrics dt{color:var(--brand-muted)}.metric-card strong,.info-block strong,.score-item strong,.program-metrics dd{margin-top:.25rem;font-size:1.55rem;font-weight:800;display:block}.section-card{padding:1.3rem}.section-header{margin-bottom:1.1rem}.section-header h2,.course-card h3,.program-card h3{letter-spacing:-.04em;margin:.2rem 0 .55rem;font-family:Space Grotesk,sans-serif;font-size:1.45rem}.section-header p,.program-card p,.course-card p,.assessment-card p,.audit-card p,.gate-summary p,.info-block p,.metric-card p{margin:0}.program-grid,.governance-grid,.assessment-stack,.course-timeline,.audit-list{gap:1rem;display:grid}.program-grid{grid-template-columns:repeat(auto-fit,minmax(255px,1fr))}.program-card,.assessment-card,.course-card,.audit-card{background:color-mix(in srgb, var(--brand-surface-strong) 92%, transparent);border:1px solid color-mix(in srgb, var(--brand-primary) 14%, white);border-radius:1.4rem;padding:1rem}.program-card-top,.assessment-top,.course-card-top,.score-item-top{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.program-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1rem 0;display:grid}.program-metrics div{background:color-mix(in srgb, var(--brand-primary) 7%, white);border-radius:1rem;padding:.65rem}.program-metrics dt,.program-metrics dd{margin:0}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;display:grid}.three-column{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;display:grid}.page-stack{gap:1.2rem;display:grid}.language-panel{gap:1rem;display:grid}.gate-summary{border-radius:1.25rem;padding:1rem}.gate-green{background:#1fa25b1f}.gate-yellow{background:#ebb94f29}.gate-red{background:#d6452724}.score-grid{gap:.8rem;margin:0;display:grid}.score-item{gap:.45rem;display:grid}.score-track{background:color-mix(in srgb, var(--brand-primary) 10%, white);border-radius:999px;height:.66rem;overflow:hidden}.score-track span{border-radius:inherit;background:linear-gradient(90deg, var(--brand-primary), var(--brand-secondary));height:100%;display:block}.badge{text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .65rem;font-size:.76rem;font-weight:700;display:inline-flex}.badge-ready,.badge-active{color:#15844d;background:#21af6d1f}.badge-pilot,.badge-expiring{color:#8d6700;background:#ebb94f24}.badge-design,.badge-revoked{color:#9f2f18;background:#d6452724}.program-hero{gap:1.2rem;display:grid}.program-hero-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.course-timeline{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.lesson-list{gap:.7rem;margin-top:.95rem;display:grid}.lesson-card{background:color-mix(in srgb, var(--brand-primary) 6%, white);border-radius:1rem;grid-template-columns:auto 1fr;align-items:start;gap:.75rem;padding:.75rem;display:grid}.lesson-dot{background:var(--brand-primary);border-radius:999px;width:.8rem;height:.8rem;margin-top:.35rem}.lesson-dot.critical{background:#d64527;box-shadow:0 0 0 .3rem #d6452724}.text-link{color:var(--brand-primary);font-weight:700}.list-panel{border:1px solid color-mix(in srgb, var(--brand-primary) 12%, white);background:color-mix(in srgb, var(--brand-surface-strong) 92%, white);border-radius:1.4rem;gap:.9rem;padding:1rem;display:grid}.stack-list{gap:.75rem;display:grid}.stack-list.compact{gap:.6rem}.list-row{border:1px solid color-mix(in srgb, var(--brand-primary) 12%, white);background:color-mix(in srgb, var(--brand-primary) 6%, white);width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:1rem;justify-content:space-between;align-items:center;gap:.8rem;padding:.8rem .9rem;display:flex}.list-row.static{cursor:default}.list-row p,.user-pill p{color:var(--brand-muted);margin:.18rem 0 0}.list-row-active{border-color:color-mix(in srgb, var(--brand-primary) 42%, white);box-shadow:0 12px 30px -24px var(--brand-glow)}.form-grid{gap:.85rem;display:grid}.role-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.7rem;display:grid}.toggle-chip{border:1px solid color-mix(in srgb, var(--brand-primary) 14%, white);background:color-mix(in srgb, var(--brand-primary) 6%, white);cursor:pointer;border-radius:1rem;align-items:center;gap:.55rem;min-height:3rem;padding:.8rem .9rem;font-weight:600;display:inline-flex}.toggle-chip input{accent-color:var(--brand-primary)}.toggle-chip.active{border-color:color-mix(in srgb, var(--brand-primary) 44%, white);background:color-mix(in srgb, var(--brand-primary) 14%, white);box-shadow:0 18px 36px -28px var(--brand-glow)}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.field{gap:.35rem;display:grid}.field span{color:var(--brand-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:700}.field input,.field textarea,.field select{border:1px solid color-mix(in srgb, var(--brand-primary) 14%, white);background:color-mix(in srgb, var(--brand-surface-strong) 92%, white);width:100%;color:var(--brand-text);resize:vertical;border-radius:1rem;padding:.9rem 1rem}.checkbox-line{border:1px solid color-mix(in srgb, var(--brand-primary) 12%, white);background:color-mix(in srgb, var(--brand-primary) 6%, white);border-radius:1rem;align-items:center;gap:.7rem;padding:.85rem 1rem;font-weight:600;display:inline-flex}.checkbox-line input{accent-color:var(--brand-primary)}.lesson-grid{gap:1rem;display:grid}.lesson-editor-card{border:1px solid color-mix(in srgb, var(--brand-primary) 14%, white);background:color-mix(in srgb, var(--brand-surface-strong) 94%, white);box-shadow:0 20px 40px -34px var(--brand-glow);border-radius:1.3rem;gap:.9rem;padding:1rem;display:grid}.provider-settings-panel,.provider-settings-form{gap:1rem;display:grid}.provider-status-grid{align-items:stretch}.provider-status-tile{gap:.45rem;display:grid}.provider-status-tile-top{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.provider-settings-actions{justify-content:space-between}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.message-strip{border-radius:1rem;padding:.85rem 1rem;font-weight:600}.message-success{background:#21af6d24}.message-warning{background:#ebb94f2e}.message-error{background:#d6452724}.message-info{background:#1138ff1f}.empty-state{background:color-mix(in srgb, var(--brand-primary) 6%, white);border-radius:1rem;gap:.45rem;padding:1rem;display:grid}.user-pill{background:color-mix(in srgb, var(--brand-surface-strong) 92%, white);border:1px solid color-mix(in srgb, var(--brand-primary) 14%, white);border-radius:1rem;align-items:center;gap:.9rem;padding:.55rem .8rem;display:flex}.user-pill strong{font-size:.95rem;display:block}.auth-card{max-width:44rem;margin-inline:auto}.audit-card.severity-critical{border-color:#d6452759}.audit-card.severity-watch{border-color:#ebb94f59}.small-note{font-size:.86rem}@media (width<=980px){.topbar,.hero-card,.two-column,.program-hero-meta,.three-column{grid-template-columns:1fr}.primary-nav{justify-self:start}}@media (width<=720px){.content-grid{width:min(100%,100% - 1rem)}.topbar{gap:1rem;padding-inline:.9rem}.topbar-actions,.user-pill{flex-direction:column;align-items:stretch}.hero-copy h1,.program-hero h1{font-size:clamp(2rem,12vw,3.2rem)}.section-card,.hero-card{border-radius:1.5rem;padding:1rem}.tenant-select select{min-width:100%}.program-metrics,.split-grid{grid-template-columns:1fr}}