@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{color:#f3f7fb;background:#030710;font-family:IBM Plex Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:#030710}body{min-width:320px;min-height:100vh;margin:0;background:#030710}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.site-frame{min-height:100vh;position:relative;overflow:hidden}.site-frame:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(148,163,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.055) 1px,transparent 1px),radial-gradient(circle at 82% 7%,rgba(232,160,32,.16),transparent 25rem);background-size:42px 42px,42px 42px,auto;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 72%);mask-image:linear-gradient(to bottom,#000,transparent 72%)}.eyebrow{margin:0 0 .85rem;color:#e8a020;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase}.muted{color:#94a3b8}.page-title{margin:0;font-family:DM Sans,sans-serif;font-size:clamp(2rem,5vw,3.65rem);letter-spacing:-.055em;line-height:1.02}.page-intro{max-width:43rem;margin:1rem 0 0;color:#b7c4d4;font-size:1.08rem;line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.7rem 1.1rem;border:1px solid transparent;border-radius:.45rem;background:#e8a020;color:#12100a;font-family:DM Sans,sans-serif;font-weight:700;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:hover{background:#f3b948;transform:translateY(-1px)}.button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f3b948;outline-offset:3px}.button:disabled{cursor:wait;opacity:.65;transform:none}.button--secondary{border-color:#374151;background:#080d13ad;color:#e7edf5}.button--secondary:hover{border-color:#8b9aad;background:#111923}.button--quiet{min-height:auto;padding:.45rem .65rem;background:transparent;color:#c3cedc;font-family:IBM Plex Sans,sans-serif;font-weight:500}.button--quiet:hover{background:#94a3b81c;color:#fff}.button-row{display:flex;flex-wrap:wrap;gap:.75rem}.panel{border:1px solid rgba(148,163,184,.19);border-radius:.75rem;background:linear-gradient(145deg,#0d151fe6,#060b12f0);box-shadow:0 18px 50px #0003}.status-panel{max-width:42rem;margin:5rem auto;padding:2rem;text-align:center}.error-text{color:#ff9b9b}.public-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:76rem;margin:0 auto;padding:1.25rem 1.5rem}.brand{display:inline-flex;align-items:center;gap:.7rem;color:#f7f9fc;text-decoration:none}.brand__mark{display:grid;width:2.1rem;height:2.1rem;place-items:center;border:1px solid rgba(232,160,32,.8);border-radius:.5rem;color:#e8a020;font-family:DM Sans,sans-serif;font-weight:700}.brand__name,.brand__subname{display:block}.brand__name{font-family:DM Sans,sans-serif;font-weight:700;letter-spacing:-.025em}.brand__subname{color:#94a3b8;font-family:IBM Plex Mono,monospace;font-size:.61rem;letter-spacing:.1em;text-transform:uppercase}.landing{max-width:76rem;margin:0 auto;padding:4.2rem 1.5rem 5rem}.landing__hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(16rem,.75fr);gap:2rem;align-items:end;min-height:30rem}.landing__hero-copy{padding-bottom:1.5rem}.landing__headline{max-width:11ch;margin:0;font-family:DM Sans,sans-serif;font-size:clamp(3.2rem,8vw,6.2rem);letter-spacing:-.075em;line-height:.91}.landing__headline em{color:#e8a020;font-style:normal}.landing__lede{max-width:37rem;margin:1.65rem 0 2rem;color:#b7c4d4;font-size:1.12rem;line-height:1.7}.beta-card{position:relative;padding:1.55rem;overflow:hidden}.beta-card:after{content:"BETA";position:absolute;right:-1.3rem;bottom:-2.3rem;color:#e8a02014;font-family:DM Sans,sans-serif;font-size:7rem;font-weight:700;letter-spacing:-.08em}.beta-card>*{position:relative}.beta-card h2{margin:0 0 .75rem;font-family:DM Sans,sans-serif;font-size:1.5rem;letter-spacing:-.04em}.beta-card p:not(.eyebrow){margin:.4rem 0;color:#aab8c9;line-height:1.55}.landing__principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:4rem;border:1px solid rgba(148,163,184,.16);background:#94a3b829}.landing__principles article{padding:1.45rem;background:#080d13}.landing__principles h2{margin:0 0 .6rem;font-family:DM Sans,sans-serif;font-size:1.05rem}.landing__principles p{margin:0;color:#94a3b8;line-height:1.55}.auth-layout{display:grid;min-height:100vh;grid-template-columns:minmax(18rem,.82fr) minmax(22rem,1.18fr)}.auth-layout__aside{display:flex;flex-direction:column;justify-content:space-between;padding:2rem;background:linear-gradient(145deg,#080d13,#030710);border-right:1px solid rgba(148,163,184,.16)}.auth-layout__statement{max-width:29rem;margin:auto 0}.auth-layout__statement h1{margin:0;font-family:DM Sans,sans-serif;font-size:clamp(2.4rem,4vw,4.5rem);letter-spacing:-.065em;line-height:.97}.auth-layout__statement h1 span{color:#e8a020}.auth-layout__statement p:last-child{max-width:31rem;color:#94a3b8;line-height:1.65}.auth-layout__form-wrap{display:grid;place-items:center;padding:2rem}.auth-card{width:min(100%,28rem);padding:2rem}.auth-card h2{margin:0;font-family:DM Sans,sans-serif;font-size:2rem;letter-spacing:-.05em}.auth-card__intro{margin:.65rem 0 1.6rem;color:#94a3b8;line-height:1.55}.beta-note{margin:0 0 1.3rem;padding:.75rem .85rem;border-left:2px solid #e8a020;background:#e8a02014;color:#e3c488;font-size:.9rem;line-height:1.45}.field{display:grid;gap:.45rem;margin-bottom:1.05rem;color:#cbd5e1;font-size:.93rem;font-weight:500}.field input{width:100%;padding:.75rem .8rem;border:1px solid #293645;border-radius:.42rem;background:#030710;color:#f3f7fb}.field input::placeholder{color:#64748b}.form-error{margin:0 0 1rem;padding:.72rem .85rem;border:1px solid rgba(255,112,112,.42);border-radius:.4rem;background:#82191933;color:#ffb4b4}.auth-card__footer{margin:1.2rem 0 0;color:#94a3b8;font-size:.92rem}.text-link{color:#f0b342;font-weight:600;text-decoration:none}.text-link:hover{color:#ffd072;text-decoration:underline}.app-shell{min-height:100vh}.app-shell--player{display:flex;min-height:100dvh;flex-direction:column}.app-shell__header{position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(148,163,184,.16);background:#030710de;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-shell__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:88rem;margin:0 auto;padding:.85rem 1.5rem}.app-shell__inner--player{max-width:none;padding:.65rem 1rem}.app-shell__nav{display:flex;align-items:center;gap:.3rem;color:#aebdce;font-size:.9rem}.app-shell__nav a{padding:.48rem .65rem;border-radius:.35rem;text-decoration:none}.app-shell__nav a:hover{background:#94a3b81c;color:#fff}.app-shell__main{max-width:88rem;margin:0 auto;padding:3rem 1.5rem 5rem}.app-shell__main--player{flex:1;width:100%;max-width:none;padding:1rem}.app-shell__context{display:flex;align-items:center;min-width:0;flex:1;gap:.45rem}.app-shell__back{display:grid;width:1.65rem;height:1.65rem;flex:0 0 auto;place-items:center;border-radius:.32rem;color:#e8a020;font-size:1.65rem;line-height:1;text-decoration:none}.app-shell__back:hover{background:#e8a0201f;color:#ffd072}.app-shell__context-title{overflow:hidden;color:#dce5ef;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.page-header{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:2.25rem}.catalogue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem}.course-card{display:flex;flex-direction:column;min-height:19rem;padding:1.35rem;transition:border-color .18s ease,transform .18s ease}.course-card:hover{border-color:#e8a0208f;transform:translateY(-2px)}.course-card__number{color:#e8a020;font-family:IBM Plex Mono,monospace;font-size:.7rem;letter-spacing:.11em}.course-card h2{margin:1.1rem 0 .6rem;font-family:DM Sans,sans-serif;font-size:1.36rem;letter-spacing:-.04em;line-height:1.1}.course-card__meta{margin:0;color:#d3dee9;font-size:.9rem}.course-card__description{flex:1;margin:.8rem 0 1.3rem;color:#94a3b8;line-height:1.55}.course-card__link{display:inline-flex;align-self:flex-start;color:#f0b342;font-weight:600;text-decoration:none}.course-card__link:hover{color:#ffd072}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.stat-box{padding:1.25rem}.stat-box__value{display:block;color:#f7fafc;font-family:DM Sans,sans-serif;font-size:2.25rem;font-weight:700;letter-spacing:-.065em}.stat-box__label{color:#94a3b8;font-family:IBM Plex Mono,monospace;font-size:.69rem;letter-spacing:.08em;text-transform:uppercase}.section-heading{margin:0 0 1rem;font-family:DM Sans,sans-serif;font-size:1.4rem;letter-spacing:-.045em}.continue-card{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end;margin:2rem 0;padding:1.5rem;border-color:#e8a0206b}.continue-card__course{margin:0;font-family:DM Sans,sans-serif;font-size:1.5rem;letter-spacing:-.04em}.continue-card__meta{margin:.45rem 0 0;color:#94a3b8}.started-list{display:grid;gap:.8rem}.progress-card{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:1.25rem}.progress-card h3{margin:0 0 .5rem;font-family:DM Sans,sans-serif;font-size:1.15rem}.progress-card p{margin:.2rem 0;color:#94a3b8}.course-detail{max-width:48rem}.breadcrumb{display:inline-flex;margin-bottom:1.4rem;color:#aab9ca;font-size:.9rem;text-decoration:none}.breadcrumb:hover{color:#f0b342}.course-detail__meta{margin:1rem 0;color:#e4bd6b;font-family:IBM Plex Mono,monospace;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase}.course-detail__description{color:#b7c4d4;font-size:1.08rem;line-height:1.65}.course-detail__progress{display:grid;gap:.35rem;margin:1.7rem 0;padding:1.15rem}.course-detail__progress p{margin:0;color:#b7c4d4}.player-surface{width:100%;min-height:calc(100dvh - 5.2rem);overflow:clip;isolation:isolate}.player-loading{display:grid;min-height:calc(100dvh - 5.2rem);place-items:center;color:#94a3b8;font-family:IBM Plex Mono,monospace;font-size:.8rem;text-align:center}.player-error{max-width:42rem;margin:4rem auto;padding:1.5rem}@media(max-width:760px){.landing{padding-top:2.5rem}.landing__hero,.auth-layout,.landing__principles{grid-template-columns:1fr}.auth-layout__aside{min-height:17rem;padding:1.5rem}.auth-layout__statement{margin:auto 0 0}.app-shell__inner:not(.app-shell__inner--player),.page-header{align-items:flex-start;flex-direction:column}.app-shell__inner--player{flex-wrap:wrap;padding:.55rem .75rem;gap:.35rem .65rem}.app-shell__context{order:3;width:100%}.app-shell__nav{flex-wrap:wrap}.app-shell__main--player{padding:.75rem}.player-surface,.player-loading{min-height:calc(100dvh - 7.5rem)}.stats-grid,.continue-card,.progress-card{grid-template-columns:1fr}}
