@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--purple:#650aff;--ink:#171332;--muted:#686579;--lav:#f2ecff;--line:#e7e2ef;--navy:#173652}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b896ff;outline-offset:5px}p{font-size:16px;line-height:1.75;color:var(--muted)}.wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}header{max-width:1320px;padding:25px 40px;display:flex;align-items:center;justify-content:space-between;margin:auto;gap:25px;background:#fff}.logo{display:block;width:177px;aspect-ratio:3.614;position:relative;overflow:hidden;flex-shrink:0}.logo img{position:absolute;width:177.36%;max-width:none;left:-38.49%;top:-190.38%}nav{display:flex;gap:35px;font-size:14px;font-weight:500}nav a:hover,.text-link:hover{color:var(--purple)}.button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;border:1px solid var(--purple);background:var(--purple);color:white;padding:18px 25px;border-radius:7px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{background:#4d00ca;transform:translateY(-2px)}.button span{font-size:21px}.button.small{padding:11px 18px;font-size:13px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding-top:65px;padding-bottom:80px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:9px;margin-bottom:25px}.dot{width:7px;height:7px;background:var(--purple);border-radius:100%;display:inline-block}h1,h2,h3{font-family:Manrope,Arial,sans-serif;margin:0;font-weight:750}h1{font-size:clamp(42px,4.6vw,66px);line-height:1.11;letter-spacing:-3px}h1 span,h2 span{color:var(--purple)}.hero-copy>p{max-width:400px;margin:25px 0}.actions{display:flex;align-items:center;gap:25px}.text-link{font-size:13px;font-weight:600}.text-link span{margin-left:9px}.hero-note{display:flex;align-items:center;gap:13px;margin-top:37px;font-size:11px;line-height:1.8;color:var(--muted)}.hero-note strong{color:var(--ink);font-weight:500}.pin{font-size:28px;color:var(--purple)}.hero-art{min-height:500px;position:relative;border-radius:15px;background:#f0e8ff;overflow:hidden;isolation:isolate}.orbit{position:absolute;width:570px;height:570px;border:1px solid #d6c0ff;border-radius:50%;z-index:-1;top:0;left:80px}.o2{width:440px;height:440px;top:65px;left:145px}.art-label{position:absolute;left:25px;top:25px;font-size:8px;letter-spacing:1.7px;color:#65547f}.hero-teacher{position:absolute;width:43%;border:6px solid white;border-radius:120px 120px 12px 12px;box-shadow:0 12px 25px #29103b10;background:white}.hero-teacher.first{left:6%;top:79px;transform:rotate(-7deg)}.hero-teacher.second{right:5%;top:132px;transform:rotate(7deg)}.portrait{position:relative;overflow:hidden;aspect-ratio:500/720;background:#fcfaf5;border-radius:250px}.portrait img{position:absolute;max-width:none;width:224.4%;left:-118%;top:-26.39%}.photo-label{padding:11px 5px 9px;text-align:center;display:flex;flex-direction:column;gap:4px}.photo-label strong{font-size:13px}.photo-label span{font-size:8px;color:var(--muted)}.scribble{position:absolute;top:54px;right:40px;color:var(--purple);font-size:40px;transform:rotate(8deg);font-family:Georgia,serif;font-style:italic}.scribble span{display:block;font-size:11px;font-style:normal;max-width:120px}.art-foot{position:absolute;bottom:18px;width:100%;text-align:center;letter-spacing:1.5px;font-size:8px;color:#72618d}.subject-strip{background:#19132e;color:white}.subject-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:76px}.subject-strip span{font-size:14px;letter-spacing:.8px}.subject-strip b{color:#c6a5ff;margin-left:28px}.subject-strip small{font-size:7px;display:block;margin-top:6px;color:#c6b4df}.subject-strip span:last-child{font-size:8px;color:#c6b4df;letter-spacing:1.4px}.section{padding-top:98px;padding-bottom:98px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:40px}.section-top p{max-width:370px;margin:0;font-size:14px}h2{font-size:43px;line-height:1.2;letter-spacing:-1.8px}.teacher-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.teacher-card{border:1px solid var(--line);border-radius:12px;overflow:hidden}.teacher-visual{height:310px;position:relative;background:#eee5ff;overflow:hidden}.teacher-visual.ramim{background:#e7ecf5}.teacher-visual .portrait{width:230px;position:absolute;right:32px;top:36px}.board{position:absolute;left:24px;top:23px;font-size:8px;font-weight:700;letter-spacing:1px;z-index:1}.experience{position:absolute;bottom:27px;left:28px;font:600 50px Manrope,sans-serif;color:var(--purple)}.experience span{display:block;font:11px/1.4 'DM Sans',sans-serif;max-width:100px;color:#655c74}.teacher-body{padding:28px}h3{font-size:26px;letter-spacing:-.6px}.quote{font-size:13px;margin:10px 0 20px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{border-radius:4px;padding:7px 10px;background:var(--lav);color:#6135a6;font-size:10px}.teacher-body ul{list-style:none;padding:0;margin:24px 0;font-size:12px;line-height:2.4;color:#625d70}.teacher-body li:before{content:'✓';color:var(--purple);margin-right:10px}.card-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:19px;font-size:13px;font-weight:600}.card-link:hover{color:var(--purple)}.poster-link{display:inline-block;font-size:10px;color:var(--muted);margin-top:18px;text-decoration:underline;text-underline-offset:3px}.classes{background:#faf8fd}.filters{display:flex;gap:10px;margin:35px 0 23px}.filters button{border:1px solid var(--line);background:white;padding:11px 20px;border-radius:30px;font-size:12px;color:var(--muted)}.filters button.active{background:var(--ink);border-color:var(--ink);color:white}.course{display:grid;grid-template-columns:45px 1fr 190px 110px;gap:20px;align-items:center;padding:27px 0;border-bottom:1px solid #ded7e8}.course[hidden]{display:none}.course-number{font-size:13px;color:#a08dbb}.course small{font-size:8px;letter-spacing:1px;color:var(--muted)}.course h3{font-size:21px;margin-top:7px}.course p{font-size:11px;margin:0}.course strong{display:block;color:var(--ink);font-size:14px}.format{font-size:11px;color:#614183}.consult{display:flex;gap:20px;align-items:center;margin-top:25px}.consult>span:first-child{color:var(--purple);font-size:32px}.consult p{font-size:11px;margin:0}.consult strong{font-size:13px;display:block;color:var(--ink)}.time-note{margin-left:auto;font-size:9px;color:var(--muted)}.future{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.future p{font-size:14px}.future-art{background:#eaddff;padding:48px 28px 60px;border-radius:12px;position:relative}.lecture-window{border:5px solid #fff;border-radius:9px;overflow:hidden;transform:rotate(-5deg);box-shadow:12px 17px 0 #b99ae77a}.window-bar{background:#fff;display:flex;gap:4px;align-items:center;padding:9px 5px 12px}.window-bar i{width:5px;height:5px;background:#d8cdeb;border-radius:50%}.window-bar span{font-size:6px;margin-left:auto;letter-spacing:1px}.lesson{padding:25px;color:#fff;background:linear-gradient(145deg,#531dc5,#20183e);position:relative}.lesson-kicker{font-size:6px;letter-spacing:1.4px}.equation{font-family:Manrope,sans-serif;font-size:25px;line-height:1.3;display:block;margin:24px 0 18px;letter-spacing:-1px}.equation em{font-style:normal;color:#d2b5ff}.play{height:40px;width:40px;border-radius:50%;border:1px solid #ffffff80;display:grid;place-items:center;font-size:10px}.timeline{margin-top:25px;height:2px;background:#ffffff40}.timeline:before{content:'';display:block;width:30%;background:#d7bfff;height:2px}.lesson-caption{font-size:5px;letter-spacing:1px;margin-top:8px;display:block}.floating-label{position:absolute;bottom:21px;right:18px;font-size:9px}.coming{display:inline-block;margin-top:17px;font-size:9px;font-weight:600;letter-spacing:1px;border:1px solid #d8c5fc;border-radius:4px;padding:12px;color:var(--purple)}.visit{background:var(--purple);border-radius:15px;color:white;padding:55px 60px;display:grid;grid-template-columns:1.25fr 1fr;gap:80px}.visit h2 span{color:#dbbaff}.visit p{color:#e2d4fb;font-size:13px;margin:20px 0 25px}.visit .eyebrow{font-size:8px;color:#d4b8ff}.button.white{color:var(--purple);background:white;border-color:white}.visit-note{border:1px solid #a66bff;border-radius:10px;padding:28px;background:#ffffff08}.location-icon{display:block;font-size:35px;color:#dfc7ff}.visit-note h3{margin-top:10px;font-size:23px}.visit-note p{margin-top:5px;font-size:11px}.visit-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff30;padding:16px 0;font-size:10px}.visit-line span{color:#d4b8ff}.visit-line strong{font-weight:500}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.faq h2{font-size:35px}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-size:13px;padding:22px 0;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:var(--purple)}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;margin:0 0 22px}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;padding-top:30px;padding-bottom:30px}footer .logo{width:140px}footer p{font-size:10px}footer small{font-size:9px;color:var(--muted);margin-left:auto}footer>a:last-child{font-size:10px}.skip{position:absolute;top:-60px;left:20px;background:white;z-index:5;padding:12px}.skip:focus{top:10px}@media(min-width:1200px){.hero-art{min-height:535px}}@media(max-width:1000px){.hero{gap:25px}.hero-art{min-height:470px}.hero-teacher.first{top:100px}.hero-teacher.second{top:165px}.hero-copy h1{font-size:47px}.actions{gap:15px;flex-wrap:wrap}.teacher-visual .portrait{right:10px;width:210px}.future{gap:40px}.visit{gap:35px;margin-left:30px;margin-right:30px}.course{grid-template-columns:30px 1fr 155px}.format{display:none}nav{gap:20px}.teacher-body{padding:23px}.teacher-body h3{font-size:23px}}@media(max-width:720px){.wrap{padding-left:24px;padding-right:24px}header{padding:20px 24px;flex-wrap:wrap;gap:20px}.logo{width:145px}header .button{padding:8px 11px;font-size:11px;gap:15px}nav{order:3;justify-content:center;width:100%;font-size:12px;gap:35px;border-top:1px solid var(--line);padding-top:15px}.hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:40px;gap:35px}.hero-copy h1{font-size:50px;letter-spacing:-2.6px}.eyebrow{font-size:8px;letter-spacing:1.25px;margin-bottom:20px}.hero-copy>p{font-size:15px}.hero-note{margin-top:24px}.hero-art{min-height:470px;max-width:500px;width:100%;margin:auto}.hero-teacher.first{top:80px}.hero-teacher.second{top:128px}.subject-strip>.wrap{display:grid;grid-template-columns:1fr 1fr;padding-top:21px;padding-bottom:21px;gap:24px}.subject-strip span{font-size:12px}.subject-strip span:last-child{line-height:1.6}.section{padding-top:60px;padding-bottom:60px}.section-top{display:block;margin-bottom:28px}.section-top p{margin-top:20px;font-size:13px;max-width:100%}h2{font-size:35px;letter-spacing:-1.3px}.teacher-grid{grid-template-columns:1fr;gap:25px}.teacher-visual .portrait{right:25px;width:225px}.teacher-body{padding:25px}.teacher-body h3{font-size:26px}.course{grid-template-columns:25px 1fr;gap:10px;padding:23px 0}.course p{grid-column:2;display:flex;gap:12px;align-items:center}.course strong{font-size:12px}.course h3{font-size:19px}.filters{gap:7px}.filters button{padding:10px 14px;font-size:11px}.consult{align-items:start;gap:12px;flex-wrap:wrap}.consult p{max-width:85%;font-size:10px}.time-note{margin-left:42px}.future{grid-template-columns:1fr;gap:35px}.future-art{order:2}.visit{margin:0 18px;padding:35px 24px;grid-template-columns:1fr;gap:25px}.visit-note{padding:23px}.faq{grid-template-columns:1fr;gap:20px}footer{flex-wrap:wrap;gap:15px}footer p{margin-left:auto}footer small{margin-left:0}footer>a:last-child{margin-left:auto}}@media(max-width:370px){.hero-copy h1{font-size:43px}.hero-art{min-height:420px}.photo-label strong{font-size:11px}.teacher-visual .portrait{width:190px}.hero-teacher.second{top:140px}.hero-art .art-label{font-size:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Motion direction: editorial reveals, floating portraits and kinetic accents. */
.motion-toggle{position:fixed;bottom:18px;right:18px;z-index:50;border:1px solid #ddd0ef;border-radius:30px;background:#fff;color:#3c235d;padding:11px 15px;font-size:11px;box-shadow:0 5px 25px #25103915}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--purple);transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}.headline-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.headline-line>span{display:block;color:inherit}.headline-line:last-child>span{color:var(--purple)}.hero-art:before{content:'';position:absolute;inset:-40%;background:radial-gradient(ellipse at 30% 35%,#d0a6ff 0,transparent 42%),radial-gradient(ellipse at 65% 65%,#f4c5ef 0,transparent 40%);z-index:-2}.orbit:after{content:'';position:absolute;top:50%;left:-6px;width:12px;height:12px;border-radius:50%;background:#9a54ff;box-shadow:0 0 24px #b990ff}.o2:after{background:#fff;left:auto;right:-5px;width:9px;height:9px}.motion-on .hero-art:before{animation:aurora 12s ease-in-out infinite alternate}.motion-on .o1{animation:orbit-turn 24s linear infinite}.motion-on .o2{animation:orbit-turn 18s linear infinite reverse}.motion-on .hero-teacher.first{animation:portrait-left 6s ease-in-out infinite}.motion-on .hero-teacher.second{animation:portrait-right 7s ease-in-out infinite}.motion-on .scribble{animation:scribble-drift 5s ease-in-out infinite}.motion-on .dot{animation:beacon 2.8s ease-in-out infinite}.motion-on .lecture-window{animation:lecture-float 7s ease-in-out infinite}.motion-on .timeline:before{animation:lesson-progress 6s ease-in-out infinite}.motion-on .consult>span:first-child{animation:orbit-turn 16s linear infinite}.motion-on .play{animation:beacon 3s ease-in-out infinite}.motion-on .teacher-card{transition:box-shadow .5s,border-color .5s,transform .5s;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.teacher-card:hover{border-color:#c3a3f5;box-shadow:0 24px 60px #542a8b18}.motion-on .teacher-visual .portrait{transition:transform .8s cubic-bezier(.2,.8,.2,1)}.motion-on .teacher-card:hover .teacher-visual .portrait{transform:translateY(-8px) scale(1.025)}.button{position:relative;overflow:hidden}.button:after{content:'';position:absolute;inset:-100% -40%;background:linear-gradient(110deg,transparent 40%,#ffffff30 50%,transparent 60%);transform:translateX(-100%);pointer-events:none}.motion-on .button:hover:after{animation:button-sheen .8s ease both}.motion-on .button span,.motion-on .card-link span,.motion-on .text-link span{display:inline-block;transition:transform .35s}.motion-on .button:hover span,.motion-on .card-link:hover span{transform:translate(3px,-3px)}.motion-on .text-link:hover span{transform:translateX(6px)}nav a{position:relative}nav a:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a:hover:after{transform:scaleX(1)}.motion-on .course{transition:background .3s,padding-left .3s}.motion-on .course:hover{background:#f0e7ff;padding-left:12px}.visit{position:relative;overflow:hidden;isolation:isolate}.visit:before{content:'';position:absolute;width:600px;height:600px;border:1px solid #ffffff25;border-radius:42%;right:-200px;top:-150px;z-index:-1}.motion-on .visit:before{animation:orbit-turn 28s linear infinite}.motion-paused *,.motion-paused *:before,.motion-paused *:after,.motion-offscreen,.motion-offscreen *,.motion-offscreen:before{animation-play-state:paused!important}.motion-paused html{scroll-behavior:auto}.motion-paused .teacher-card{transform:none!important}.motion-paused .button{translate:none!important}@keyframes portrait-left{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-19px) rotate(-3deg)}}@keyframes portrait-right{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(15px) rotate(3deg)}}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes aurora{to{transform:translate(6%,8%) rotate(35deg) scale(1.1)}}@keyframes scribble-drift{0%,100%{transform:rotate(8deg)}50%{transform:translateY(-8px) rotate(-5deg)}}@keyframes beacon{50%{box-shadow:0 0 0 8px #b58df029}}@keyframes lecture-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-13px) rotate(-1deg)}}@keyframes lesson-progress{0%,100%{width:15%}80%{width:90%}}@keyframes button-sheen{to{transform:translateX(100%)}}@media(max-width:720px){.motion-toggle{font-size:10px;bottom:12px;right:12px;padding:10px 12px}.motion-on .hero-teacher.first{animation-duration:8s}.motion-on .hero-teacher.second{animation-duration:9s}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.scroll-progress{display:none}}
h1>.headline-line{color:var(--ink)}html.motion-paused{scroll-behavior:auto}.motion-toggle:disabled{cursor:default}