:root{--bg:#0a0912;--surface:#15121f;--card:#1e1a2e;--white:#f7f4fb;--muted:#b4acc9;--quiet:#847c9e;--pink:#ff2e7e;--teal:#26e8d4;--yellow:#ffb230;--border:rgba(247,244,251,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:"Assistant",sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p,dl,dd{margin:0}.shell{width:100%;padding-inline:24px}.site-header{height:74px;padding:16px 24px;display:flex;align-items:center;justify-content:flex-start}.brand{display:flex;align-items:center;gap:8px;color:var(--teal);font:600 15px "Assistant",sans-serif}.bars{height:31px;display:flex;align-items:flex-end;gap:5px}.bars i{display:block;width:6px;border-radius:3px;background:currentColor}.bars i:nth-child(1){height:10px}.bars i:nth-child(2){height:21px}.bars i:nth-child(3){height:14px}.bars i:nth-child(4){height:26px}.bars i:nth-child(5){height:17px}.pink{color:var(--pink)}.teal{color:var(--teal)}.yellow{color:var(--yellow)}
.hero{position:relative;height:475px;display:flex;direction:ltr;align-items:center;gap:6px;padding-top:64px;padding-bottom:31px;overflow:hidden;background:url("assets/hero.png") center 45%/cover no-repeat}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.5) 40%,rgba(0,0,0,.85))}.hero-shade{position:absolute;z-index:1;top:24px;right:0;width:73%;height:460px;background:linear-gradient(to left,rgba(13,13,38,.95),rgba(13,13,38,.85) 35%,transparent)}.record{position:relative;z-index:2;flex:0 0 410px;height:380px;overflow:hidden}.record-ring{position:absolute;inset:0;width:380px;height:380px}.record-platter{position:absolute;left:50px;top:50px;width:280px;height:280px}.tonearm{position:absolute;left:202px;top:23px;width:8px;height:150px;border-radius:6px;background:var(--teal);transform:rotate(28deg)}.record-label{position:absolute;left:130px;top:182px;width:120px;text-align:center;color:var(--muted);font:900 13px "Rubik",sans-serif;letter-spacing:1.04px}.hero-copy{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:22px;direction:rtl}.hero h1{width:560px;font:900 52px/1.08 "Rubik",sans-serif}.hero h1 em{display:block;color:var(--pink);font-style:normal}.lead{width:520px;color:var(--muted);font-size:18px;line-height:1.5}.eyebrow{color:var(--teal);font:600 13px "Heebo",sans-serif;letter-spacing:1.3px}.eyebrow.single{display:flex;align-items:center;gap:10px}.eyebrow.single::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal)}.actions{display:flex;align-items:center;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;font-family:"Heebo",sans-serif;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button:focus-visible,.text-link:focus-visible,.brand:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.pink-button{min-height:56px;padding:14px 32px;background:var(--pink);color:#000;font-size:16px}.pink-button:hover{box-shadow:0 8px 24px rgba(255,46,126,.28)}.text-link{padding:16px 0;border-bottom:1px solid var(--white);font:600 15px "Heebo",sans-serif}.hero-stats{display:flex;gap:28px}.hero-stats div{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.hero-stats dt{font:900 26px "Rubik",sans-serif}.hero-stats dd{color:var(--quiet);font:500 12.5px "Heebo",sans-serif}
.section-heading{width:min(640px,100%);margin-left:auto;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.section-heading h2{font:900 36px/1.2 "Rubik",sans-serif}.section-heading>p:not(.eyebrow){width:min(560px,100%);color:var(--muted);font-size:16px;line-height:1.5}.dots{height:15px;display:flex;gap:16px}.dots i{width:16px;height:15px;border-radius:50%}.dots i:nth-child(1),.dots i:nth-child(3){background:var(--pink)}.dots i:nth-child(2){background:var(--teal)}.grid{width:100%;display:grid;gap:20px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.four{grid-template-columns:repeat(4,1fr);gap:18px}.special{height:422px;padding-top:35px;padding-bottom:55px;display:flex;flex-direction:column;gap:44px}.card{min-height:178px;padding:28px 26px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:18px}.card h3{width:min(300px,100%);font:700 24px "Rubik",sans-serif}.card p{width:min(300px,100%);color:var(--muted);font-size:14.5px;line-height:1.5}.mini-bars{height:26px;display:flex;align-items:flex-start;gap:4px}.mini-bars i{display:block;width:5px;border-radius:2px;background:currentColor}.mini-bars i:nth-child(1){height:10px}.mini-bars i:nth-child(2){height:26px}.mini-bars i:nth-child(3){height:17px}.mini-bars.teal i:nth-child(1){height:18px}.mini-bars.teal i:nth-child(2){height:12px}.mini-bars.teal i:nth-child(3){height:25px}.mini-bars.yellow i:nth-child(1){height:14px}.mini-bars.yellow i:nth-child(2){height:23px}.mini-bars.yellow i:nth-child(3){height:13px}
.outcomes-title{height:166px;padding-top:20px}.outcomes-title .section-heading h2{font-size:32px}.outcomes{height:464px;padding-top:45px;padding-bottom:42px;display:flex;flex-direction:column;gap:40px}.skill{height:154px;padding-top:22px;border-top:3px solid;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.teal-top{border-color:var(--teal)}.pink-top{border-color:var(--pink)}.skill>span{color:var(--quiet);font:900 14px "Rubik",sans-serif}.skill h3{width:min(260px,100%);font:700 16px "Rubik",sans-serif}.skill p{width:min(260px,100%);color:var(--muted);font-size:14px;line-height:1.5}.highlight{height:189px;padding:36px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.pink-glow{background:linear-gradient(rgba(255,46,126,.14),rgba(255,46,126,.14)),var(--surface)}.teal-glow{background:linear-gradient(rgba(38,232,212,.24),rgba(38,232,212,.24)),var(--surface)}.highlight h3{width:min(340px,100%);font:700 21px "Rubik",sans-serif}.highlight p{width:min(340px,100%);color:var(--muted);font-size:15px;line-height:1.5}
.syllabus{height:472px;padding-top:7px;padding-bottom:37px;scroll-margin-top:8px}.syllabus-heading{height:113px;gap:10px}.syllabus-heading .dots{margin-bottom:8px}.syllabus-heading h2{font-size:32px}.timeline{width:100%}.phase{height:158px;padding:30px 0 30px calc(100% - 802px);display:flex;align-items:flex-start;gap:24px;border-bottom:1px solid var(--border)}.phase-badge{flex:0 0 56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--card);border:1px solid var(--border);font:900 18px "Rubik",sans-serif}.teal-text{color:var(--teal)}.pink-text{color:var(--pink)}.phase>div{width:700px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.phase h3{font:700 20px "Rubik",sans-serif}.phase p{color:var(--muted);font-size:15px;line-height:1.5}.phase ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.phase li{padding:5px 12px;border:1px solid var(--border);border-radius:100px;color:var(--muted);font:500 12.5px "Heebo",sans-serif}
.instructor{position:relative;height:514px;padding-top:32px;padding-bottom:39px;display:flex;flex-direction:column;gap:18px}.instructor-heading h2{font-size:32px}.instructor-card{width:100%;height:260px;padding:40px;display:flex;align-items:center;gap:36px;background:var(--card);border:1px solid var(--border);border-radius:24px}.avatar{flex:0 0 180px;height:180px;border-radius:50%;overflow:hidden}.avatar img{display:block;width:100%;height:100%;object-fit:cover}.instructor-card>div:last-child{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.instructor-card h3{font:700 24px "Rubik",sans-serif}.instructor-card strong{color:var(--teal);font:500 14px "Heebo",sans-serif}.instructor-card p{max-width:600px;color:var(--muted);font-size:15px;line-height:1.5}.register-button{width:250px;height:50px;margin:-11px auto 0;background:var(--teal);color:var(--bg);font-size:22px;font-weight:800}.register-button:hover{box-shadow:0 8px 24px rgba(38,232,212,.24)}footer{height:143px;padding:20px 32px 32px;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}footer strong{color:var(--teal);font-size:13px}footer p{color:var(--quiet);font-size:13px}
@media(max-width:850px){.shell{padding-inline:18px}.site-header{padding-inline:18px}.hero{height:auto;min-height:790px;flex-direction:column-reverse;justify-content:center;padding-top:48px;padding-bottom:34px;gap:24px;background-position:46% center}.hero-shade{inset:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(13,13,38,.9),rgba(13,13,38,.72) 56%,rgba(13,13,38,.3))}.hero-copy{width:100%;align-items:flex-start}.hero h1,.lead{width:min(100%,560px)}.record{flex-basis:300px;width:300px;height:300px;transform:scale(.78);margin:-35px}.special,.outcomes-title,.outcomes,.syllabus,.instructor{height:auto}.special{padding-top:48px;padding-bottom:48px}.grid.three,.grid.four{grid-template-columns:repeat(2,1fr)}.outcomes-title{padding-top:48px;padding-bottom:12px}.outcomes{padding-top:28px;padding-bottom:48px}.phase{height:auto;min-height:158px;padding-left:0}.phase>div{width:calc(100% - 80px)}.instructor{padding-top:48px;padding-bottom:48px}.register-button{margin-top:-7px}}
@media(max-width:560px){.site-header{height:65px}.brand{font-size:13px}.bars{transform:scale(.85);transform-origin:right center}.hero{min-height:780px}.hero h1{font-size:40px}.lead{font-size:17px}.actions{width:100%;flex-direction:column;align-items:flex-start}.pink-button{width:100%}.hero-stats{width:100%;justify-content:space-between;gap:8px}.hero-stats dt{font-size:20px}.hero-stats dd{font-size:11px}.record{flex-basis:280px}.section-heading h2,.outcomes-title .section-heading h2,.syllabus-heading h2,.instructor-heading h2{font-size:29px}.dots{gap:10px}.dots i{width:12px;height:12px}.grid.three,.grid.two,.grid.four{grid-template-columns:1fr}.special,.outcomes,.syllabus,.instructor{gap:30px}.card,.highlight,.skill{height:auto;min-height:150px}.outcomes-title{padding-bottom:20px}.phase{gap:16px}.phase>div{width:calc(100% - 72px)}.phase ul{gap:6px}.instructor-card{height:auto;padding:28px 22px;flex-direction:column;align-items:flex-start}.avatar{flex-basis:140px;width:140px;height:140px}.instructor-card h3{font-size:21px}.register-button{width:100%;margin-top:-8px}footer{text-align:center}}
.pink-button{position:relative;overflow:hidden;gap:5px}.pink-button::after{content:"";position:absolute;inset:-40% auto -40% -45%;width:30%;background:rgba(255,255,255,.35);transform:skewX(-18deg);transition:left .55s ease}.pink-button:hover::after{left:120%}.pink-button .arrow{direction:ltr;unicode-bidi:isolate;transition:transform .2s ease}.pink-button:hover .arrow{transform:translateX(-4px)}
.register-button{margin-top:2px}
.record-ring{transform-origin:190px 190px;animation:ringTurn 28s linear infinite,ringBreathe 4s ease-in-out infinite}.record-platter{transform-origin:center;animation:recordSpin 10s linear infinite}.tonearm{animation:tonearmFloat 3.8s ease-in-out infinite}.hero-shade{animation:shadePulse 7s ease-in-out infinite alternate}.hero-copy>*{animation:heroReveal .7s both}.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}.hero-copy>*:nth-child(4){animation-delay:.24s}.hero-copy>*:nth-child(5){animation-delay:.32s}.hero h1 em{animation:titleGlow 3.4s ease-in-out infinite}.dots i,.mini-bars i,.bars i{animation:beat 1.7s ease-in-out infinite}.dots i:nth-child(2),.mini-bars i:nth-child(2),.bars i:nth-child(2){animation-delay:.16s}.dots i:nth-child(3),.mini-bars i:nth-child(3),.bars i:nth-child(3){animation-delay:.32s}.bars i:nth-child(4){animation-delay:.48s}.bars i:nth-child(5){animation-delay:.64s}.card,.highlight,.skill,.instructor-card{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.card:hover,.highlight:hover,.instructor-card:hover{transform:translateY(-4px);border-color:rgba(247,244,251,.55);box-shadow:0 14px 36px rgba(0,0,0,.2)}.skill:hover{transform:translateY(-3px)}.avatar img{transition:transform .45s ease}.instructor-card:hover .avatar img{transform:scale(1.04)}
@keyframes recordSpin{to{transform:rotate(360deg)}}@keyframes ringTurn{to{transform:rotate(-360deg)}}@keyframes ringBreathe{50%{opacity:.72;filter:drop-shadow(0 0 9px rgba(38,232,212,.25))}}@keyframes tonearmFloat{50%{transform:rotate(29.5deg) translateY(-3px)}}@keyframes shadePulse{to{opacity:.9}}@keyframes heroReveal{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}@keyframes titleGlow{50%{text-shadow:0 0 18px rgba(255,46,126,.22)}}@keyframes beat{50%{transform:translateY(-2px);filter:brightness(1.18)}}
@media(min-width:851px){.instructor{height:520px}}
@media(max-width:850px){.register-button{margin-top:2px}}
@media(max-width:560px){.register-button{margin-top:-10px}}
@media(max-width:850px){.record{flex:0 0 380px;width:380px;height:380px;overflow:visible;transform:scale(.68);transform-origin:center;margin:-61px 0}}
@media(max-width:560px){.record{flex-basis:380px;width:380px;height:380px;transform:scale(.55);margin:-86px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}