@import "https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{color:#1d2430;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7f9;font-family:IBM Plex Sans Arabic,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}:root{--ink:#1d2430;--muted:#6b7480;--mint:#1f7ae0;--line:#e3e8ee}main{background:#f5f7f9;min-height:100vh;display:flex}.sidebar{border-left:1px solid var(--line);background:#fff;flex-direction:column;flex:0 0 244px;width:244px;min-height:100vh;padding:33px 20px 22px;display:flex}.brand{color:var(--ink);align-items:center;gap:9px;font:800 23px "Baloo Bhaijaan 2",sans-serif;text-decoration:none;display:flex}.brand-mark{color:#fff;direction:ltr;background:#1f7ae0;border-radius:12px 12px 12px 3px;place-items:center;width:37px;height:37px;font:700 15px monospace;display:grid}nav{gap:7px;margin-top:55px;display:grid}.nav-item{color:#6b7480;border-radius:7px;align-items:center;gap:13px;padding:12px 14px;font-weight:600;text-decoration:none;display:flex}.nav-item.active{color:#1560b8;background:#edf5fe}.sidebar-bottom{margin-top:auto}.streak{color:#e76f38;background:#fff2e9;border-radius:7px;align-items:center;gap:7px;padding:10px;font-size:13px;display:flex}.kid-profile{align-items:center;gap:10px;margin-top:22px;display:flex}.avatar{color:#fff;background:#e76f38;border-radius:50%;place-items:center;width:39px;height:39px;font-weight:700;display:grid}.kid-profile strong,.kid-profile small{display:block}.kid-profile small{color:var(--muted);font-size:11px}.content{width:min(1030px,100% - 244px);margin:0 auto;padding:45px clamp(25px,5vw,75px) 60px}header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.eyebrow{color:var(--muted);margin:0 0 4px;font-size:13px;font-weight:600}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);font-family:"Baloo Bhaijaan 2",sans-serif}h1{margin-bottom:0;font-size:30px;line-height:1.3}h1 span{color:var(--mint)}.icon-button{border:1px solid var(--line);width:43px;height:43px;color:var(--ink);cursor:pointer;background:#fff;border-radius:7px;place-items:center;display:grid}.hero-panel{color:#fff;background:#22252d;border-radius:8px;min-height:265px;display:flex;overflow:hidden}.hero-copy{z-index:1;width:56%;padding:39px}.lesson-chip{color:#2b2e37;background:#f2b53d;border-radius:20px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-block}.hero-copy h2{color:#fff;margin:12px 0 3px;font-size:31px}.hero-copy p{color:#d3dbe4;max-width:350px;line-height:1.7}.start-button{color:#2c2f38;cursor:pointer;background:#f2b53d;border:0;border-radius:6px;align-items:center;gap:9px;margin-top:13px;padding:10px 17px;font-weight:700;display:inline-flex}.hero-art{background:linear-gradient(135deg,#334156,#22252d);flex:1;position:relative;overflow:hidden}.robot{filter:drop-shadow(0 13px 6px #102a3a80);font-size:92px;position:absolute;top:74px;right:32%;transform:rotate(-9deg)}.planet{border-radius:50%;position:absolute}.planet-one{background:#f2b53d;width:230px;height:230px;top:-110px;left:-70px;box-shadow:inset -25px -22px #e39b22}.planet-two{background:#ea7652;width:60px;height:60px;bottom:-22px;right:36px}.spark{color:#fff5d1;font-size:25px;position:absolute}.s1{top:29px;right:18%}.s2{bottom:42px;left:22%}.journey{margin-top:43px}.section-heading{justify-content:space-between;align-items:end;display:flex}.section-heading h2{margin:0;font-size:24px}.section-heading>span{color:var(--mint);font-size:13px;font-weight:700}.progress-track{background:#dfe5ec;border-radius:9px;height:7px;margin:17px 0 20px;overflow:hidden}.progress-track span{background:var(--mint);border-radius:inherit;width:45%;height:100%;display:block}.lesson-list{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.lesson-card{text-align:right;border:1px solid var(--line);min-width:0;color:var(--ink);cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:11px;padding:13px;display:flex}.lesson-card.selected{border-color:#1f7ae0;box-shadow:0 4px 13px #087d7215}.lesson-card>svg{color:#a9b2bc;margin-right:auto}.lesson-icon{border-radius:7px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.lesson-icon.mint{color:#1560b8;background:#e7f1fd}.lesson-icon.yellow{color:#b07400;background:#fff1d6}.lesson-icon.coral{color:#cf5433;background:#ffe7df}.lesson-text{min-width:0}.lesson-text strong,.lesson-text small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.lesson-text strong{font-size:14px}.lesson-text small{color:var(--muted);font-size:12px}.bottom-grid{grid-template-columns:1.35fr 1fr;gap:18px;margin-top:38px;display:grid}.challenge,.stats-card{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:150px;padding:21px}.challenge{grid-template-columns:47px 1fr;column-gap:13px;display:grid}.challenge-icon{color:#b07400;background:#fff1d6;border-radius:7px;place-items:center;height:47px;display:grid}.challenge h3{margin:0 0 3px;font-size:19px}.challenge p:not(.eyebrow){color:var(--muted);margin-bottom:8px;font-size:13px}.text-button{color:var(--mint);cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;padding:0;font-size:13px;font-weight:700;display:flex}.stats-card{flex-direction:column;justify-content:space-between;display:flex}.stats-card strong{color:var(--ink);font-size:27px}.stats-card strong small{color:var(--muted);font-size:12px}.mini-bars{direction:ltr;align-items:end;gap:7px;height:35px;display:flex}.mini-bars i{background:#dfe5ec;border-radius:2px;width:9px;display:block}.mini-bars i:first-child{height:12px}.mini-bars i:nth-child(2){height:22px}.mini-bars i:nth-child(3){height:17px}.mini-bars i:nth-child(4){height:28px}.mini-bars i:nth-child(5){height:35px}.mini-bars i:nth-child(6){height:19px}.mini-bars i:nth-child(7){height:27px}.mini-bars .today{background:var(--mint)}@media (width<=850px){.sidebar{flex-basis:72px;width:72px;padding:25px 11px}.brand{justify-content:center}.brand>span:last-child,.nav-item{font-size:0}.nav-item{justify-content:center;padding:13px}.nav-item svg{width:21px}.streak{justify-content:center;font-size:0}.streak b{font-size:12px}.kid-profile>div{display:none}.kid-profile{justify-content:center}.content{width:calc(100% - 72px);padding:38px 30px}.lesson-list{grid-template-columns:1fr}}@media (width<=580px){main{display:block}.sidebar{border-left:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;width:100%;height:67px;min-height:auto;padding:10px 16px}.brand{justify-content:flex-start}.sidebar nav{display:none}.sidebar-bottom{margin:0 0 0 auto}.streak{display:none}.content{width:100%;padding:29px 18px 45px}h1{font-size:25px}.hero-panel{min-height:340px}.hero-copy{width:100%;padding:29px 24px}.hero-art{border-radius:0 0 8px 8px;width:43%;height:185px;margin-top:155px;position:absolute;left:18px}.robot{font-size:66px;top:54px;right:21%}.hero-copy h2{font-size:28px}.bottom-grid{grid-template-columns:1fr}.challenge,.stats-card{min-height:133px}}.admin-page{place-items:center;min-height:100vh;padding:32px;display:grid}.admin-shell{width:min(860px,100%)}.admin-login,.admin-panel{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(460px,100%);padding:32px}.admin-login svg{color:var(--mint)}.admin-login form{gap:15px;margin-top:22px;display:grid}.admin-login label{color:var(--muted);gap:5px;font-size:13px;font-weight:700;display:grid}.admin-login input,.course-form input{border:1px solid var(--line);width:100%;font:inherit;border-radius:6px;padding:11px}.error{color:#bf3d28}.admin-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0;display:grid}.admin-summary span{color:var(--muted);background:#edf5fe;border-radius:7px;padding:17px}.admin-summary b{color:var(--mint);font-size:25px;display:block}.admin-panel{width:100%}.course-form{gap:10px;margin:18px 0;display:flex}.course-form .start-button{white-space:nowrap;margin:0}.admin-list{gap:9px;display:grid}.admin-list article{background:#f5f7f9;border-radius:6px;justify-content:space-between;align-items:center;padding:14px;display:flex}.admin-list strong,.admin-list small{display:block}.admin-list small{color:var(--muted);font-size:12px}.admin-list button{color:#8f6120;cursor:pointer;background:#fff1d6;border:0;border-radius:5px;align-items:center;gap:5px;padding:7px 10px;display:flex}.admin-list button.published{color:#1560b8;background:#e7f1fd}@media (width<=580px){.admin-page{padding:18px}.admin-summary{gap:8px}.admin-summary span{padding:12px;font-size:12px}.course-form{flex-direction:column}.course-form .start-button{justify-content:center}}.control-center{background:#f5f7f9;min-height:100vh;display:flex}.admin-sidebar{background:#22252d;flex-direction:column;flex:0 0 235px;width:235px;min-height:100vh;padding:28px 16px 20px;display:flex}.admin-sidebar .brand{color:#fff;padding:0 8px}.admin-sidebar .brand-mark{color:#22252d;background:#f2b53d}.admin-sidebar>p{color:#a7b1bd;margin:43px 8px 12px;font-size:12px}.admin-sidebar button{color:#c5ced8;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;width:100%;padding:12px;display:flex}.admin-sidebar button.active{color:#fff;background:#3a3f4c}.admin-sidebar .logout{color:#f4c0ae;margin-top:auto}.admin-workspace{width:min(1080px,100% - 235px);margin:0 auto;padding:42px clamp(22px,5vw,72px)}.admin-workspace>header{align-items:center}.control-center .admin-summary{grid-template-columns:repeat(4,1fr)}.control-center .admin-panel{max-width:none}.success{color:#1560b8;background:#e7f1fd;border-radius:6px;margin:0 0 16px;padding:10px 13px;font-size:13px;font-weight:700}.status{color:#8f6120;background:#fff1d6;border-radius:5px;padding:5px 9px;font-size:12px}.control-center .admin-list>article>svg{color:var(--mint)}@media (width<=720px){.control-center{display:block}.admin-sidebar{flex-direction:row;align-items:center;gap:4px;width:100%;min-height:auto;padding:13px 16px;overflow:auto}.admin-sidebar .brand{margin-left:15px}.admin-sidebar .brand>span:last-child,.admin-sidebar>p,.admin-sidebar .logout{display:none}.admin-sidebar button{white-space:nowrap;width:auto;padding:10px;font-size:12px}.admin-workspace{width:100%;padding:28px 18px}.control-center .admin-summary{grid-template-columns:repeat(2,1fr)}}.panel-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-top h2{margin:0}.add-button{background:var(--mint);color:#fff;cursor:pointer;border:0;border-radius:6px;align-items:center;gap:7px;padding:10px 14px;font-weight:700;display:inline-flex}.modal-backdrop{z-index:50;background:#12161e8f;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #dde3ea;border-radius:8px;width:min(560px,100%);max-height:min(720px,100vh - 44px);padding:25px;overflow:auto;box-shadow:0 24px 70px #0e0f164d}.modal>header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal h2{margin:0;font-size:24px}.modal-close{width:34px;height:34px;color:var(--ink);cursor:pointer;background:#eff3f7;border:0;border-radius:5px;place-items:center;display:grid}.modal form{gap:15px;display:grid}.detail-field{color:var(--ink);gap:6px;font-size:13px;font-weight:700;display:grid}.detail-field input,.detail-field select,.detail-field textarea{width:100%;min-height:42px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d9e0e8;border-radius:6px;outline:0;padding:10px 11px}.detail-field textarea{resize:vertical;min-height:104px}.detail-field input:focus,.detail-field select:focus,.detail-field textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px #1f7ae01f}.modal .start-button{justify-content:center;margin:7px 0 0}.modal form>label:last-of-type:has(input[type=checkbox]){color:var(--muted);align-items:center;gap:8px;display:flex}.modal input[type=checkbox]{width:16px;min-height:16px;accent-color:var(--mint)}.student-page{background:#f5f7f9;min-height:100vh;display:block}.student-head{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:18px max(24px,50% - 540px);display:flex}.student-head>span{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.student-content{max-width:1080px;margin:auto;padding:50px 28px}.student-content>h1{margin-bottom:30px}.student-grid{grid-template-columns:1.1fr .9fr;gap:19px;display:grid}.student-panel{border:1px solid var(--line);background:#fff;border-radius:8px;padding:24px}.student-panel h2{align-items:center;gap:8px;margin:0 0 17px;font-size:21px;display:flex}.student-panel h2 svg{color:var(--mint)}.progress-row{border-bottom:1px solid var(--line);padding:13px 0}.progress-row:last-child{border:0}.progress-row div{justify-content:space-between;font-size:14px;display:flex}.progress-row span{color:var(--mint);font-size:12px}.progress-row i{background:#dfe5ec;border-radius:6px;height:6px;margin-top:10px;display:block;overflow:hidden}.progress-row b{background:var(--mint);height:100%;display:block}.assignment{background:#fff8ea;border-radius:6px;padding:13px}.assignment small,.assignment strong{display:block}.assignment small{color:#9a6500;font-size:11px}.assignment strong{margin-top:3px}.assignment p{color:var(--muted);margin:6px 0;font-size:12px}.announcements{margin-top:20px}.announcements article{border-top:1px solid var(--line);padding:13px 0}.announcements p{color:var(--muted);margin:4px 0 0;font-size:13px}@media (width<=720px){.student-grid{grid-template-columns:1fr}.student-content{padding:35px 18px}.student-head{padding:16px 18px}}.student-course-tabs{gap:10px;margin-bottom:20px;display:flex;overflow:auto}.student-course-tabs button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:6px;flex:none;align-items:center;gap:8px;padding:11px 14px;display:flex}.student-course-tabs button.selected{border-color:var(--mint);color:#1560b8;background:#e7f1fd}.student-course-tabs span{color:var(--mint);font-weight:700}.learning-layout{grid-template-columns:280px 1fr;gap:18px;margin-bottom:20px;display:grid}.lesson-sidebar,.lesson-view{border:1px solid var(--line);background:#fff;border-radius:8px;padding:20px}.lesson-sidebar h2{margin:0 0 12px;font-size:20px}.lesson-sidebar button{width:100%;color:var(--muted);text-align:right;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #edf1f5;align-items:center;gap:9px;padding:12px 8px;display:flex}.lesson-sidebar button.active{color:var(--mint);background:#f3f8fe}.lesson-sidebar button>span{place-items:center;display:grid}.lesson-sidebar button>span svg{color:var(--mint)}.lesson-sidebar button div{flex:1}.lesson-sidebar strong,.lesson-sidebar small{display:block}.lesson-sidebar small{font-size:11px}.lesson-sidebar button>svg{margin-right:auto}.video-stage{aspect-ratio:16/9;background:#22252d;border-radius:7px;overflow:hidden}.video-stage iframe,.video-stage video{border:0;width:100%;height:100%;display:block}.video-stage video{object-fit:contain;background:#16181e}.video-empty{color:#c5ced8;place-items:center;height:100%;display:grid}.video-empty p{margin-top:8px}.lesson-heading{justify-content:space-between;align-items:start;gap:16px;padding-top:18px;display:flex}.lesson-heading h2{margin:4px 0;font-size:24px}.lesson-heading>div>p:not(.eyebrow){color:var(--muted);margin:0;font-size:13px}.complete-button{color:#1560b8;cursor:pointer;background:#e7f1fd;border:1px solid #bcd8f7;border-radius:6px;flex:none;align-items:center;gap:7px;padding:10px 13px;font-weight:700;display:flex}.instructor-grid{grid-template-columns:1.1fr .9fr;gap:18px;margin-bottom:18px;display:grid}.modal-form{gap:15px;display:grid}.modal-form .start-button{justify-content:center;margin:5px 0 0}.instructor-grid .admin-panel>svg{color:var(--mint)}@media (width<=760px){.learning-layout,.instructor-grid{grid-template-columns:1fr}.lesson-sidebar{order:2}.lesson-heading{display:block}.complete-button{margin-top:14px}.video-stage{min-height:190px}}.file-picked{color:#1560b8;background:#e7f1fd;border-radius:6px;padding:9px 11px;font-size:12px;display:block}.text-button,.start-button{transition:color .2s,background-color .2s,transform .2s,box-shadow .2s}.start-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1f7ae033}@keyframes hero-float{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(-1deg)translateY(-8px)}}@keyframes glow-pulse{0%,to{opacity:.2;transform:scale(.9)}50%{opacity:.38;transform:scale(1.15)}}@keyframes spark-twinkle{0%,to{opacity:.45;transform:scale(.85)rotate(0)}50%{opacity:1;transform:scale(1.12)rotate(12deg)}}@keyframes modal-in{0%{opacity:0}to{opacity:1}}@keyframes modal-card-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.public-site .reveal,.public-site .reveal.is-visible,.hero-code,.hero-code .code-glow,.hero-spark,.hero-code>span,.public-card,.project-grid article,.public-modal-backdrop,.public-modal{opacity:1;transition:none;animation:none;transform:none}}img.brand-mark{object-fit:cover;background:#22252d;border-radius:11px;flex:none;width:42px;height:42px;display:block;box-shadow:0 4px 14px #1f7ae040}.brand-name{text-align:left;letter-spacing:.2px;direction:ltr;flex-direction:column;font:800 18px/1 "Baloo Bhaijaan 2",sans-serif;display:flex}.brand-name small{letter-spacing:2.5px;text-transform:uppercase;color:var(--mint);margin-top:3px;font-size:11px;font-weight:700}.admin-sidebar .brand-name{font-size:16px}.admin-sidebar .brand-name small{color:#4fa3f7}.hero-scene{aspect-ratio:1/.95;background:radial-gradient(circle at 30% 20%,#2f3440 0%,#22252d 55%,#1a1d22 100%);border-radius:1.4em;justify-self:center;width:100%;max-width:30em;font-size:clamp(10px,2.4vw,15px);position:relative;overflow:hidden;box-shadow:0 1.8em 4em #1f7ae038}.hero-scene:before{content:"";background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:1.4em 1.4em;position:absolute;inset:0}.scene-glow{filter:blur(3.5em);opacity:.3;background:#1f7ae0;border-radius:50%;width:13em;height:13em;animation:4s ease-in-out infinite glow-pulse;position:absolute;top:8%;left:18%}.scene-screen{background:#161a21;border:1px solid #3a3f4c;border-radius:.9em;width:66%;animation:6s ease-in-out infinite scene-float;position:absolute;top:9%;left:7%;box-shadow:0 1em 2.2em #00000059}.screen-bar{border-bottom:1px solid #2b2e37;align-items:center;gap:.4em;padding:.65em .9em;display:flex}.screen-bar i{background:#e76f38;border-radius:50%;width:.62em;height:.62em}.screen-bar i:nth-child(2){background:#f2b53d}.screen-bar i:nth-child(3){background:#3ec27a}.screen-bar span{color:#7d8794;margin-left:auto;font:600 .72em monospace}.screen-code{color:#c5ced8;padding:.9em 1em 1em;font:600 1em/1.75 ui-monospace,SFMono-Regular,Menlo,monospace}.screen-code p{white-space:nowrap;margin:0}.type-line{clip-path:inset(0 100% 0 0);animation:8s steps(16,end) infinite type-line;animation-delay:calc(var(--i) * .75s);display:inline-block}.screen-code b{font-weight:600}.screen-code .kw{color:#f2b53d}.screen-code .fn{color:#4fa3f7}.screen-code .str{color:#3ec27a}.screen-code .num{color:#ff9f6e}.run-line{align-items:center;gap:.5em;display:flex;margin-top:.35em!important}.run-button{color:#16181e;font:inherit;cursor:pointer;background:#3ec27a;border:0;border-radius:.4em;padding:.15em .7em;font-size:.8em;transition:transform .15s,background .15s;animation:2s ease-in-out infinite run-hint}.run-button:hover{background:#52d48c}.run-button:active{transform:scale(.9)}.run-button:focus-visible{outline-offset:.15em;outline:.15em solid #4fa3f7}.cursor{background:#4fa3f7;width:.55em;height:1.1em;animation:1s step-end infinite cursor-blink}.scene-blocks{color:#16181e;flex-direction:column;align-items:flex-start;gap:.3em;font:700 .82em IBM Plex Sans Arabic,sans-serif;display:flex;position:absolute;bottom:9%;left:6%}.block{border-radius:.45em .45em .45em .2em;padding:.5em 1em;animation:3.6s ease-in-out infinite block-bob;position:relative;box-shadow:0 .35em #00000040}.block:after{content:"";background:inherit;border-radius:0 0 .3em .3em;width:1.1em;height:.35em;position:absolute;top:100%;right:1.2em}.block.event{background:#f2b53d}.block.loop{background:#4fa3f7;margin-left:.9em;animation-delay:.3s}.block.move{background:#3ec27a;margin-left:1.8em;animation-delay:.6s}.scene-robot{flex-direction:column;align-items:center;width:7.4em;display:flex;position:absolute;bottom:7%;right:8%}.scene-robot.jumping{animation:1.5s ease-in-out robot-hop}.robot-bubble{color:#16181e;opacity:0;background:#fff;border-radius:.8em .8em .8em .2em;padding:.3em .7em;font:800 .9em "Baloo Bhaijaan 2",sans-serif;position:absolute;top:-1.6em;right:-1.2em;transform:scale(.6)}.jumping .robot-bubble{animation:3s ease-in-out bubble-pop}.robot-antenna{background:#a9b2bc;width:.25em;height:1.1em}.robot-antenna i{background:#f2b53d;border-radius:50%;width:.8em;height:.8em;margin:-.6em 0 0 -.28em;animation:1.6s ease-in-out infinite glow-pulse;display:block;box-shadow:0 0 .9em #f2b53d}.robot-head{background:linear-gradient(#eef2f6,#c5ced8);border-radius:1.4em;width:6.2em;height:4.8em;padding:.55em;box-shadow:inset 0 -.3em #0000001f}.robot-face{background:#1d2430;border-radius:1em;justify-content:center;gap:1.2em;height:100%;padding-top:.9em;display:flex;position:relative}.robot-face i{background:#4fd8ff;border-radius:50%;width:1em;height:1em;animation:4s infinite robot-blink;box-shadow:0 0 .8em #4fd8ff}.robot-face b{border:.18em solid #4fd8ff;border-top:0;border-radius:0 0 1em 1em;width:1.5em;height:.45em;margin-left:-.75em;position:absolute;bottom:.55em;left:50%}.robot-body{background:#1f7ae0;border-radius:1em 1em 1.3em 1.3em;width:4.6em;height:3.4em;margin-top:.25em;position:relative;box-shadow:inset 0 -.35em #0000002e}.robot-body>i{background:#f2b53d;border-radius:50%;width:1.2em;height:1.2em;margin-left:-.6em;animation:2s ease-in-out infinite glow-pulse;position:absolute;top:.9em;left:50%}.robot-arm{transform-origin:50% .3em;background:#4fa3f7;border-radius:.5em;width:.8em;height:2.4em;position:absolute;top:.4em}.robot-arm.left{left:-.75em;transform:rotate(18deg)}.robot-arm.right{animation:1.4s ease-in-out infinite robot-wave;right:-.75em}.robot-shadow{background:#00000059;border-radius:50%;width:5em;height:.6em;margin-top:.5em}.jumping .robot-shadow{animation:1.5s ease-in-out shadow-squash}.scene-gear{color:#4a5263;width:3.2em;height:3.2em;animation:9s linear infinite gear-spin;position:absolute;top:6%;right:6%}.scene-gear.small{color:#f2b53d;opacity:.8;width:1.9em;height:1.9em;animation-duration:6s;animation-direction:reverse;top:22%;right:18%}.scene-star{color:#f2b53d;animation:2.4s ease-in-out infinite spark-twinkle;position:absolute}.scene-star.s1{width:1.2em;height:1.2em;top:48%;right:36%}.scene-star.s2{color:#4fa3f7;width:.9em;height:.9em;animation-delay:.8s;top:36%;right:8%}.scene-star.s3{width:1.3em;height:1.3em;animation-delay:1.4s;bottom:6%;left:44%}.scene-chip{color:#4fa3f7;background:#1d2430;border:1px solid #3a3f4c;border-radius:.5em;padding:.25em .6em;font:700 .85em monospace;animation:5s ease-in-out infinite scene-float;position:absolute}.scene-chip.c1{top:4%;left:44%}.scene-chip.c2{color:#f2b53d;animation-delay:1.2s;top:58%;left:46%}@keyframes type-line{0%{clip-path:inset(0 100% 0 0)}16%,86%{clip-path:inset(0)}93%,to{clip-path:inset(0 100% 0 0)}}@keyframes cursor-blink{50%{opacity:0}}@keyframes run-hint{0%,to{box-shadow:0 0 #3ec27a8c}60%{box-shadow:0 0 0 .45em #3ec27a00}}@keyframes robot-hop{0%,33%,66%,to{transform:translateY(0)}16%,49%,82%{transform:translateY(-1.8em)}}@keyframes shadow-squash{0%,33%,66%,to{opacity:1;transform:scale(1)}16%,49%,82%{opacity:.5;transform:scale(.6)}}@keyframes bubble-pop{0%,45%{opacity:0;transform:scale(.6)}52%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}@keyframes robot-blink{0%,44%,50%,to{transform:scaleY(1)}47%{transform:scaleY(.1)}}@keyframes robot-wave{0%,to{transform:rotate(-20deg)}50%{transform:rotate(-150deg)}}@keyframes block-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.35em)}}@keyframes scene-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.5em)}}@keyframes gear-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.hero-scene *,.hero-scene :after{animation:none!important}.type-line{clip-path:none}.robot-bubble{opacity:1;transform:none}}.admin-page,.control-center,.student-page{--brand:#1f7ae0;--brand-dark:#1560b8;--brand-soft:#e7f1fd;--sun:#f2b53d;--green:#3ec27a;--card-shadow:0 12px 32px #1d243012}.admin-page h1,.admin-page h2,.control-center h1,.control-center h2,.student-page h1,.student-page h2{text-wrap:balance}:is(.admin-page,.control-center,.student-page) .start-button{color:#1d2430;background:var(--sun);border-radius:12px;justify-content:center;padding:12px 20px;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 10px 22px #f2b53d47}:is(.admin-page,.control-center,.student-page) .start-button:hover{background:#f5c257;transform:translateY(-2px);box-shadow:0 14px 26px #f2b53d61}:is(.admin-page,.control-center,.student-page) .start-button:active{transform:scale(.98)}:is(.admin-page,.control-center) :is(.detail-field input,.detail-field select,.detail-field textarea,.admin-login input){background:#fbfcfd;border:1.5px solid #dfe5ec;border-radius:12px;min-height:46px;transition:border-color .2s,box-shadow .2s,background .2s}:is(.admin-page,.control-center) :is(.detail-field input,.detail-field select,.detail-field textarea,.admin-login input):focus{border-color:var(--brand);background:#fff;outline:0;box-shadow:0 0 0 4px #1f7ae01f}.control-center input[type=file]{cursor:pointer;border-style:dashed;padding:14px}.control-center input[type=file]::file-selector-button{color:#fff;background:var(--brand);font:inherit;cursor:pointer;border:0;border-radius:9px;margin-left:12px;padding:8px 14px;font-weight:700;transition:background .2s}.control-center input[type=file]:hover::file-selector-button{background:var(--brand-dark)}.control-center .file-picked{border-radius:10px}.admin-page{background:radial-gradient(circle at 15% 15%,#dcebfc 0,#0000 42%),radial-gradient(circle at 85% 85%,#ffefcc 0,#0000 40%),#f5f7f9;position:relative;overflow:hidden}.admin-page:before{content:"";pointer-events:none;background-image:linear-gradient(#1f7ae00d 1px,#0000 1px),linear-gradient(90deg,#1f7ae00d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.admin-page .admin-login{text-align:center;border:1px solid #e6ebf0;border-radius:24px;width:min(440px,100%);padding:36px 34px 28px;animation:.6s cubic-bezier(.2,.7,.2,1) both portal-rise;position:relative;box-shadow:0 30px 70px #1d24301f}.login-brand{border-radius:22px;width:76px;height:76px;margin:0 auto 16px;transition:transform .3s cubic-bezier(.3,1.6,.5,1);display:block;box-shadow:0 14px 30px #1f7ae04d}.login-brand:hover{transform:rotate(-6deg)scale(1.05)}.login-brand img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.login-role{color:var(--brand-dark);background:var(--brand-soft);border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.admin-page .admin-login svg{color:inherit}.admin-page .admin-login h1{margin:12px 0 6px;font-size:30px}.admin-page .admin-login>p{color:var(--muted);margin:0}.admin-page .admin-login form{text-align:right;margin-top:26px}.admin-page .admin-login .start-button{width:100%;margin-top:6px;padding-block:14px}.admin-page .admin-login .error{background:#ffe9e3;border-radius:10px;padding:10px 12px;font-weight:600}.login-back{color:var(--muted);margin-top:18px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-block}.login-back:hover{color:var(--brand)}.control-center .admin-sidebar{background:linear-gradient(#22252d,#1a1d22);height:100vh;position:sticky;top:0}.control-center .admin-sidebar button{border-radius:11px;margin-bottom:4px;transition:background .2s,color .2s,padding .2s;position:relative}.control-center .admin-sidebar button:not(.active):not(.logout):hover{color:#fff;background:#ffffff0f;padding-right:16px}.control-center .admin-sidebar button.active{color:#fff;background:#1f7ae033;box-shadow:inset 0 0 0 1px #4fa3f740}.control-center .admin-sidebar button.active:before{content:"";background:var(--sun);border-radius:4px 0 0 4px;width:4px;position:absolute;top:10px;bottom:10px;right:-16px}.control-center .admin-sidebar button.active svg{color:#4fa3f7}.control-center .admin-sidebar .logout{border-radius:11px;transition:background .2s}.control-center .admin-sidebar .logout:hover{background:#e76f3824}.admin-workspace>header h1{font-size:32px}.admin-workspace>header>svg{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:#fff;border-radius:13px;padding:10px}.admin-workspace>*{animation:.55s cubic-bezier(.2,.7,.2,1) both portal-rise}.admin-workspace>:nth-child(2){animation-delay:60ms}.admin-workspace>:nth-child(3){animation-delay:.12s}.admin-workspace>:nth-child(4){animation-delay:.18s}.admin-workspace>:nth-child(5){animation-delay:.24s}.control-center .admin-summary span{isolation:isolate;border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding:18px 20px;font-size:14px;transition:transform .25s,box-shadow .25s;display:grid;position:relative;overflow:hidden}.control-center .admin-summary span:hover{box-shadow:var(--card-shadow);transform:translateY(-4px)}.control-center .admin-summary span:after{content:"";z-index:-1;background:var(--brand-soft);opacity:.6;border-radius:50%;width:90px;height:90px;position:absolute;top:-30px;left:-30px}.summary-icon{width:48px;height:48px;color:var(--brand);background:var(--brand-soft);border-radius:14px;grid-row:span 2;place-items:center;font-style:normal;display:grid}.control-center .admin-summary span:nth-child(2) .summary-icon{color:#b07400;background:#fff4dc}.control-center .admin-summary span:nth-child(3) .summary-icon{color:#1f9a5c;background:#e3f7ec}.control-center .admin-summary span:nth-child(4) .summary-icon{color:#2c2f38;background:#eceef2}.control-center .admin-summary b{color:var(--ink);align-self:end;font:800 28px/1.1 "Baloo Bhaijaan 2",sans-serif}.control-center .admin-panel,.student-page :is(.lesson-sidebar,.lesson-view,.student-panel){border-color:#e6ebf0;border-radius:20px;transition:box-shadow .3s;box-shadow:0 1px 2px #1d243008}.control-center .admin-panel:hover,.student-page .student-panel:hover{box-shadow:var(--card-shadow)}.control-center .admin-panel h2{font-size:22px}.control-center .admin-list article{border:1px solid #0000;border-radius:14px;padding:14px 16px;transition:background .2s,border-color .2s,transform .2s}.control-center .admin-list article:hover{background:#f3f8fe;border-color:#d6e8fc;transform:translate(-3px)}.control-center .admin-list article>div>strong{font-size:15px}.control-center .status,.control-center .admin-list button{border-radius:99px;padding:6px 12px;font-weight:700}.control-center .admin-list button{transition:transform .2s,filter .2s}.control-center .admin-list button:hover{filter:brightness(.97);transform:scale(1.04)}.control-center .add-button{cursor:pointer;border-radius:12px;padding:11px 16px;transition:transform .2s,background .2s;box-shadow:0 10px 20px #1f7ae038}.control-center .add-button:hover{background:var(--brand-dark);transform:translateY(-2px)}.control-center .success{border:1px solid #bcd8f7;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;animation:.4s both portal-rise;display:flex}.panel-empty{border:2px dashed var(--line);color:var(--muted);text-align:center;border-radius:14px;margin:0;padding:26px}.control-center .modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:.2s both portal-fade}.control-center .modal{border-radius:22px;animation:.35s cubic-bezier(.2,.7,.2,1) both portal-rise;box-shadow:0 30px 80px #0e0f164d}.control-center .modal .modal-close{border-radius:10px;transition:transform .2s,background .2s}.control-center .modal .modal-close:hover{background:#e3e8ee;transform:rotate(90deg)}.student-page .student-head{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;position:sticky;top:0}.student-page .student-head>span{color:var(--ink);background:#f1f4f8;border-radius:99px;padding:8px 14px;font-weight:600}.student-page .student-head>span svg{color:var(--brand)}.student-hero{color:#fff;background:radial-gradient(circle at 10% 10%,#2f3b52,#0000 55%),linear-gradient(135deg,#1a1d22,#22252d 55%,#1d2a3f);border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;padding:30px 34px;animation:.55s cubic-bezier(.2,.7,.2,1) both portal-rise;display:flex;position:relative;overflow:hidden}.student-hero:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.student-hero>div{position:relative}.student-hero .eyebrow{color:#4fa3f7}.student-hero h1{color:#fff;margin:4px 0 6px;font-size:30px}.student-hero p:not(.eyebrow){color:#c5ced8;margin:0}.student-hero-stats{align-items:center;gap:18px;display:flex}.progress-ring{--p:0;text-align:center;background:radial-gradient(closest-side,#22252d 78%,transparent 80% 100%),conic-gradient(var(--sun) calc(var(--p) * 1%),#ffffff1f 0);border-radius:50%;place-content:center;width:112px;height:112px;animation:1.2s cubic-bezier(.2,.7,.2,1) both ring-in;display:grid}.progress-ring b{color:#fff;font:800 26px/1 "Baloo Bhaijaan 2",sans-serif}.progress-ring small,.hero-stat small{color:#a9b2bc;font-size:12px}.hero-stat{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;justify-items:center;gap:4px;min-width:104px;padding:16px;display:grid}.hero-stat svg{color:var(--sun)}.hero-stat b{color:#fff;font:800 26px/1 "Baloo Bhaijaan 2",sans-serif}.student-page .student-course-tabs button{border-radius:12px;transition:border-color .2s,background .2s,transform .2s}.student-page .student-course-tabs button:hover{transform:translateY(-2px)}.student-page .learning-layout,.student-page .student-grid{animation:.6s cubic-bezier(.2,.7,.2,1) .1s both portal-rise}.student-page .lesson-sidebar button{border-bottom-color:#0000;border-radius:12px;margin-bottom:4px;transition:background .2s,color .2s,transform .2s}.student-page .lesson-sidebar button:hover{background:#f5f8fb;transform:translate(-3px)}.student-page .lesson-sidebar button.active{background:var(--brand-soft);box-shadow:inset -3px 0 0 var(--brand)}.student-page .video-stage{border-radius:16px}.student-page .complete-button{border-radius:12px;transition:transform .2s,background .2s}.student-page .complete-button:hover{background:#d6e8fc;transform:translateY(-2px)}.student-page .assignment{border:1px solid #fbe3b0;border-radius:14px;transition:transform .2s}.student-page .assignment:hover{transform:translateY(-2px)}@keyframes portal-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes portal-fade{0%{opacity:0}to{opacity:1}}@keyframes ring-in{0%{opacity:0;transform:scale(.7)rotate(-40deg)}to{opacity:1;transform:none}}@media (width<=720px){.control-center .admin-sidebar{height:auto;position:static}.control-center .admin-sidebar button.active:before{display:none}.student-hero{flex-direction:column;align-items:flex-start;padding:24px}.student-hero h1{font-size:24px}.progress-ring{width:92px;height:92px}.admin-page .admin-login{padding:30px 22px 24px}}@media (prefers-reduced-motion:reduce){:is(.admin-page,.control-center,.student-page) *,:is(.admin-page,.control-center,.student-page) :before{transition:none!important;animation:none!important}}.control-center .admin-summary:has(>span:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}@media (width<=720px){.control-center .admin-summary:has(>span:nth-child(3):last-child){grid-template-columns:1fr 1fr}}.student-page .learning-layout>*,.student-page .student-grid>*{min-width:0}.student-page .brand>span.brand-name{font-size:18px}@media (width<=720px){.student-page .brand>span.brand-name{font-size:15px}}.student-page .video-stage{width:100%;min-height:0}.mode-badge{white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.mode-badge.online{color:#1560b8;background:#e7f1fd}.mode-badge.offline{color:#9a6500;background:#fff4dc}.mode-badge.hybrid{color:#1f7a4d;background:#e3f7ec}.tone-badge{white-space:nowrap;color:#4a5263;background:#eef1f5;border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.tone-badge.blue{color:#1560b8;background:#e7f1fd}.tone-badge.green{color:#1f7a4d;background:#e3f7ec}.tone-badge.amber{color:#9a6500;background:#fff4dc}.tone-badge.red{color:#b4351f;background:#ffe9e3}.chip-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.avatar-dot{color:#fff;background:linear-gradient(135deg,#1f7ae0,#4fa3f7);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.avatar-dot.big{width:48px;height:48px;font-size:18px}.muted{color:var(--muted)}.flip{transform:scaleX(-1)}.loading-block{min-height:40vh;color:var(--muted);place-items:center;font-weight:600;display:grid}.toast{z-index:100;color:#fff;cursor:pointer;background:#1d2430;border-radius:14px;max-width:min(520px,100% - 32px);padding:13px 20px;font-weight:600;animation:.35s cubic-bezier(.2,.7,.2,1) both toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #0e0f1647}.toast.is-error{background:#b4351f}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.control-center .page-header{align-items:center;gap:16px;margin-bottom:24px}.control-center .page-header h1{margin:0;font-size:32px}.page-actions{gap:10px;display:flex}.control-center .admin-sidebar .nav-badge{color:#1d2430;background:var(--sun);text-align:center;border-radius:99px;min-width:22px;margin-inline-start:auto;padding:1px 7px;font-size:11px;font-style:normal;font-weight:800}.sidebar-link{color:#c5ced8;border:1px dashed #ffffff29;border-radius:11px;align-items:center;gap:11px;margin-top:14px;padding:12px;font-size:14px;text-decoration:none;transition:background .2s,color .2s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff0f}.control-center .admin-sidebar .logout{align-items:center;gap:9px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px;display:grid}.stat-card{isolation:isolate;border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding:18px;font-size:13px;transition:transform .25s,box-shadow .25s;animation:.5s cubic-bezier(.2,.7,.2,1) both portal-rise;display:grid;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--card-shadow);transform:translateY(-4px)}.stat-card .summary-icon{grid-row:span 2}.stat-card b{color:var(--ink);align-self:end;font:800 28px/1.1 "Baloo Bhaijaan 2",sans-serif}.stat-card.green .summary-icon{color:#1f9a5c;background:#e3f7ec}.stat-card.amber .summary-icon{color:#b07400;background:#fff4dc}.stat-card.dark .summary-icon{color:#fff;background:#2c2f38}.stat-card.red .summary-icon{color:#b4351f;background:#ffe9e3}.stat-grid .stat-card:nth-child(2){animation-delay:50ms}.stat-grid .stat-card:nth-child(3){animation-delay:.1s}.stat-grid .stat-card:nth-child(4){animation-delay:.15s}.stat-grid .stat-card:nth-child(5){animation-delay:.2s}.stat-grid .stat-card:nth-child(6){animation-delay:.25s}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.split{grid-template-columns:minmax(280px,.8fr) 1.2fr;align-items:start;gap:18px;display:grid}.split>*,.two-col>*{min-width:0}.control-center .panel-top{margin-bottom:16px}.control-center .panel-top h2{align-items:center;gap:8px;margin:0;font-size:20px;display:flex}.control-center .panel-top h2 svg{color:var(--brand)}.control-center .panel-top .eyebrow{margin-bottom:4px}.panel-empty{justify-items:center;gap:8px;display:grid}.panel-empty svg{color:#a7b1bd}.panel-empty p{margin:0}.panel-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.control-center .row-actions{flex:none;align-items:center;gap:8px;display:flex}.small-button{color:var(--brand-dark);background:var(--brand-soft);font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #d6e8fc;border-radius:10px;align-items:center;gap:6px;padding:8px 13px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:inline-flex}.small-button:hover{background:#d6e8fc;transform:translateY(-1px)}.small-button.primary{color:#fff;background:var(--brand);border-color:#0000}.small-button.primary:hover{background:var(--brand-dark)}.icon-link{border:1px solid var(--line);width:36px;height:36px;color:var(--brand);cursor:pointer;background:#fff;border-radius:10px;place-items:center;transition:background .2s;display:grid}.icon-link:hover{background:var(--brand-soft)}.danger-link{color:#b4351f;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.soft-note{color:#4a5263;background:#f3f5f8;border-radius:12px;align-items:center;gap:8px;margin:0 0 12px;padding:10px 14px;font-size:13px;display:flex}.back-link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:14px;font-weight:700;display:inline-flex}.back-link:hover{color:var(--brand)}.control-center .admin-panel.narrow{max-width:620px}.session-list{gap:8px;display:grid}.session-row{border:1px solid #edf1f5;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 14px;transition:border-color .2s,background .2s;display:grid}.session-row:hover{background:#f8fbff;border-color:#d6e8fc}.session-row strong,.session-row small{display:block}.session-row small{color:var(--muted);font-size:12px}.session-row.is-today{background:#f3f8fe;border-color:#bcd8f7}.session-date{text-align:center;background:#f1f4f8;border-radius:12px;justify-items:center;min-width:74px;padding:7px 8px;display:grid}.session-date b{font-size:13px;line-height:1.3}.session-date small{color:var(--muted);font-size:11px}.is-today .session-date{color:#fff;background:var(--brand)}.is-today .session-date small{color:#d6e8fc}.group-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.group-card{color:var(--ink);text-align:right;font:inherit;background:#fff;border:1px solid #e6ebf0;border-radius:20px;flex-direction:column;gap:6px;padding:20px;transition:transform .25s,box-shadow .25s,border-color .25s;animation:.5s cubic-bezier(.2,.7,.2,1) both portal-rise;display:flex}.group-card:hover{box-shadow:var(--card-shadow);border-color:#bcd8f7;transform:translateY(-4px)}.group-card.as-button{cursor:pointer}.group-card.is-inactive{opacity:.65}.group-card>header{align-items:center;gap:8px;margin:0 0 6px;display:flex}.group-card h3{margin:0;font-size:20px}.group-course{color:var(--muted);margin:0 0 8px;font-size:13px}.card-menu{gap:4px;margin-inline-start:auto;display:flex}.card-menu button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;transition:background .2s,color .2s;display:grid}.card-menu button:hover{color:var(--brand);background:var(--brand-soft)}.card-menu button:last-child:hover{color:#b4351f;background:#ffe9e3}.group-facts{color:#4a5263;gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.group-facts li{align-items:center;gap:8px;display:flex}.group-facts svg{color:var(--brand);flex:none}.group-facts a{color:var(--brand);align-items:center;gap:4px;font-weight:700;text-decoration:none;display:inline-flex}.group-facts.inline{flex-wrap:wrap;gap:8px 18px;display:flex}.capacity{margin-top:10px}.capacity div{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.capacity b{color:var(--ink)}.capacity i{background:#eef1f5;border-radius:99px;height:7px;display:block;overflow:hidden}.capacity i span{border-radius:inherit;background:linear-gradient(90deg,#4fa3f7,#1f7ae0);height:100%;transition:width .6s;display:block}.ghost-action{color:var(--brand-dark);font:inherit;cursor:pointer;background:#f8fbff;border:1px dashed #bcd8f7;border-radius:12px;justify-content:center;align-items:center;gap:7px;margin-top:12px;padding:10px;font-size:13px;font-weight:700;transition:background .2s;display:inline-flex}.ghost-action:hover{background:var(--brand-soft)}.group-hero{color:#fff;background:radial-gradient(circle at 10% 10%,#2f3b52,#0000 55%),linear-gradient(135deg,#1a1d22,#22252d 55%,#1d2a3f);border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:24px 26px;animation:.5s cubic-bezier(.2,.7,.2,1) both portal-rise;display:flex}.group-hero h1{color:#fff;margin:10px 0;font-size:28px}.group-hero .group-facts{color:#c5ced8}.group-hero .group-facts svg,.group-hero .group-facts a{color:#4fa3f7}.hero-numbers{gap:10px;display:flex}.hero-numbers span{color:#a9b2bc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;justify-items:center;min-width:90px;padding:12px;font-size:12px;display:grid}.hero-numbers b{color:#fff;font:800 24px/1.2 "Baloo Bhaijaan 2",sans-serif}.tabs{background:#eef1f5;border-radius:14px;gap:6px;width:fit-content;max-width:100%;margin-bottom:18px;padding:5px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:9px 16px;font-weight:700;transition:background .2s,color .2s;display:flex}.tabs button.active{color:var(--ink);background:#fff;box-shadow:0 3px 10px #1d243014}.session-picker{gap:6px;max-height:560px;padding-inline-end:2px;display:grid;overflow-y:auto}.session-picker>button{color:var(--ink);font:inherit;text-align:right;cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;transition:background .2s,border-color .2s;display:grid}.session-picker>button:hover{background:#f1f5fa}.session-picker>button.is-selected{border-color:var(--brand);background:var(--brand-soft)}.session-picker strong,.session-picker small{display:block}.session-picker small{color:var(--muted);font-size:12px}.session-meta{justify-items:end;gap:4px;display:grid}.assignment-icon{color:#b07400;background:#fff4dc;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.join-banner{color:#fff;background:linear-gradient(135deg,#1560b8,#1f7ae0);border-radius:14px;align-items:center;gap:9px;margin-bottom:12px;padding:13px 16px;font-weight:700;text-decoration:none;transition:transform .2s;display:flex}.join-banner:hover{transform:translateY(-2px)}.join-banner svg:last-child{margin-inline-start:auto}.attendance-toolbar{color:var(--muted);justify-content:space-between;align-items:center;margin:4px 0 10px;font-size:13px;display:flex}.attendance-list{gap:8px;margin-bottom:16px;display:grid}.attendance-row{border:1px solid #edf1f5;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.attendance-row strong{flex:1;min-width:0}.attendance-options{background:#f1f4f8;border-radius:11px;gap:4px;padding:3px;display:flex}.attendance-options button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 11px;font-size:12px;font-weight:700;transition:background .15s,color .15s,transform .15s}.attendance-options button:hover{color:var(--ink)}.attendance-options button:active{transform:scale(.94)}.attendance-options .att-present.active{color:#fff;background:#1f9a5c}.attendance-options .att-late.active{color:#1d2430;background:var(--sun)}.attendance-options .att-absent.active{color:#fff;background:#d4462c}.attendance-options .att-excused.active{color:#fff;background:#6b7480}.assignment-text{margin:-6px 0 14px;line-height:1.8}.grading-list{gap:8px;display:grid}.grade-row{border:1px solid #edf1f5;border-radius:14px;transition:border-color .2s,box-shadow .2s}.grade-row.is-open{border-color:#d6e8fc;box-shadow:0 8px 20px #1f7ae00f}.grade-summary{width:100%;color:var(--ink);font:inherit;text-align:right;cursor:pointer;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.grade-summary strong,.grade-summary small{display:block}.grade-summary small{color:var(--muted);font-size:12px}.grade-body{padding:0 12px 14px}.grade-body blockquote,.assignment .feedback{border-inline-start:3px solid var(--brand);color:#374151;background:#f5f8fb;border-radius:10px;margin:0 0 10px;padding:10px 14px;font-size:13px;line-height:1.8}.grade-form{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:10px;margin-top:8px;display:grid}.grade-form .detail-field:nth-child(4){grid-column:1/3}.grade-form .small-button{justify-content:center;height:46px}.student-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.student-card header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.student-card h3{margin:0;font-size:18px}.student-card header small{color:var(--muted);font-size:12px}.mini-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.mini-stats span{color:var(--muted);text-align:center;background:#f5f8fb;border-radius:12px;justify-items:center;padding:10px 6px;font-size:11px;display:grid}.mini-stats b{color:var(--ink);font:800 20px/1.2 "Baloo Bhaijaan 2",sans-serif}.contact-list{gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.contact-list li{align-items:center;gap:7px;display:flex}.contact-list svg{color:var(--brand)}.contact-list a{color:var(--brand-dark);font-weight:700;text-decoration:none}.data-table{display:grid}.table-head,.table-row{grid-template-columns:1.4fr .6fr 1fr 1.6fr;align-items:center;gap:14px;padding:12px 14px;display:grid}.table-head{color:var(--muted);background:#f5f7f9;border-radius:12px;font-size:12px;font-weight:700}.table-row{border-bottom:1px solid #edf1f5;font-size:14px;transition:background .2s}.table-row:hover{background:#f8fbff}.table-row strong,.table-row small{display:block}.table-row small{color:var(--muted);font-size:12px}.group-chip{border:1px solid #e6ebf0;border-radius:99px;align-items:center;gap:6px;padding:3px 3px 3px 10px;font-size:12px;font-weight:600;display:inline-flex}.control-center .modal{width:min(600px,100%)}.control-center .modal.wide{width:min(780px,100%)}.control-center .modal>header{align-items:flex-start;margin-bottom:18px}.modal-subtitle{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.7}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid.four{grid-template-columns:repeat(4,1fr)}.field-hint{color:var(--muted);font-size:11px;font-weight:500}.segmented{background:#f1f4f8;border-radius:14px;grid-template-columns:1fr 1fr;gap:8px;padding:5px;display:grid}.segmented button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;display:flex}.segmented button.active{color:var(--brand-dark);background:#fff;box-shadow:0 3px 10px #1d243014}.day-picker{flex-wrap:wrap;gap:6px;display:flex}.day-picker button{color:var(--muted);font:inherit;cursor:pointer;background:#fff;border:1.5px solid #dfe5ec;border-radius:11px;padding:9px 14px;font-size:13px;font-weight:700;transition:all .15s}.day-picker button.active{border-color:var(--brand);color:#fff;background:var(--brand)}.check-list{gap:6px;max-height:230px;display:grid;overflow-y:auto}.check-list label{cursor:pointer;border:1px solid #edf1f5;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-weight:600;display:flex}.check-list label:hover{background:#f8fbff}.check-list label small{color:var(--muted);margin-inline-start:auto;font-size:11px;font-weight:500}.check-list input{width:18px;height:18px;min-height:0;accent-color:var(--brand)}.student-page .head-actions{align-items:center;gap:8px;display:flex}.student-page .head-actions>span{color:var(--ink);background:#f1f4f8;border-radius:99px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:flex}.student-page .head-actions>span svg{color:var(--brand)}.student-hero p b{color:#fff}.schedule-strip{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:22px;animation:.6s cubic-bezier(.2,.7,.2,1) 50ms both portal-rise;display:grid}.my-group,.upcoming-card{background:#fff;border:1px solid #e6ebf0;border-radius:20px;padding:20px}.my-group.online{border-top:4px solid var(--brand)}.my-group.offline{border-top:4px solid var(--sun)}.my-group-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.my-group-head strong{font-size:16px}.upcoming-card{grid-column:span 2}.upcoming-card h2{align-items:center;gap:8px;margin:0 0 12px;font-size:18px;display:flex}.upcoming-card h2 svg{color:var(--brand)}.upcoming-card ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.upcoming-card li{background:#f8fafc;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:9px 10px;display:grid}.upcoming-card li strong,.upcoming-card li small{display:block}.upcoming-card li small{color:var(--muted);font-size:12px}.upcoming-card li.is-today{background:#f3f8fe;box-shadow:inset 0 0 0 1px #bcd8f7}.place-chip{color:#9a6500;background:#fff4dc;border-radius:99px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.student-page .student-panel h2 .tone-badge{margin-inline-start:auto}.student-page .assignment{margin-bottom:10px}.assignment-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.student-page .assignment .due{color:#9a6500;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.assignment .feedback{align-items:flex-start;gap:8px;display:flex}.assignment-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.login-back.as-button{font:inherit;cursor:pointer;background:0 0;border:0;justify-self:center}.student-page .modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.student-page .modal{border-radius:22px}.student-page .modal .modal-form{gap:14px;display:grid}.student-page .modal .detail-field textarea,.student-page .modal .detail-field input{border:1.5px solid #dfe5ec;border-radius:12px;min-height:46px}@media (width<=1100px){.split,.two-col{grid-template-columns:1fr}.form-grid.four{grid-template-columns:1fr 1fr}}@media (width<=720px){.group-hero{flex-direction:column;align-items:flex-start}.hero-numbers{width:100%}.hero-numbers span{flex:1;min-width:0}.form-grid,.form-grid.four,.grade-form{grid-template-columns:1fr}.grade-form .detail-field:nth-child(4){grid-column:auto}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr}.attendance-row{flex-wrap:wrap}.attendance-options{justify-content:space-between;width:100%}.upcoming-card{grid-column:auto}.session-row{grid-template-columns:auto 1fr}.session-row>:last-child{grid-column:1/-1;justify-self:start}}.stat-grid:has(>:nth-child(6)){grid-template-columns:repeat(3,1fr)}.stat-grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}:is(.control-center,.student-page) .detail-field select{height:46px;min-height:46px;padding-block:0}@media (width<=720px){:is(.stat-grid:has(>:nth-child(6)),.stat-grid:has(>:nth-child(4):last-child)){grid-template-columns:1fr 1fr}}.content-editor{grid-template-columns:240px 1fr;align-items:start;gap:18px;display:grid}.content-sections{gap:4px;padding:16px;display:grid;position:sticky;top:20px}.content-sections h2{margin:4px 6px 10px;font-size:17px}.content-sections>button{color:#4a5263;font:inherit;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;font-size:14px;font-weight:600;transition:background .2s,color .2s;display:flex}.content-sections>button:hover{background:#f3f6fa}.content-sections>button.active{color:var(--brand-dark);background:var(--brand-soft);box-shadow:inset -3px 0 0 var(--brand)}.content-sections .small-button{justify-content:center;margin-top:10px}.content-form{gap:16px;display:grid}.content-form .panel-top{margin-bottom:0}.content-form .span-2{grid-column:1/-1}.content-form .form-grid>div{min-width:0}.visibility-toggle{color:#1f7a4d;font:inherit;cursor:pointer;background:#e3f7ec;border:1px solid #bfe6cf;border-radius:99px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.visibility-toggle.is-hidden{color:#6b7480;background:#f1f4f8;border-color:#e3e8ee}.icon-select{align-items:center;gap:8px;display:flex}.icon-select>span{height:46px;color:var(--brand);background:var(--brand-soft);border-radius:12px;flex:0 0 46px;place-items:center;display:grid}.icon-select select{flex:1}.item-editor{border-top:1px solid #edf1f5;gap:12px;padding-top:6px;display:grid}.item-editor-head{justify-content:space-between;align-items:center;display:flex}.item-editor-head h3{margin:0;font-size:17px}.item-card{background:#fbfcfd;border:1px solid #e6ebf0;border-radius:16px;padding:14px 16px 16px;animation:.35s both portal-rise}.item-card>header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.item-card>header strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.item-number{color:#fff;background:var(--brand);border-radius:9px;flex:0 0 28px;place-items:center;height:28px;font-size:13px;font-weight:800;display:grid}.item-card .card-menu button:disabled{opacity:.35;cursor:not-allowed}.sticky-actions{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-top:1px solid #edf1f5;border-radius:0 0 20px 20px;margin:0 -32px -32px;padding:16px 32px;position:sticky;bottom:0}.sticky-actions .start-button:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}@media (width<=1100px){.content-editor{grid-template-columns:1fr}.content-sections{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));position:static}.content-sections h2{grid-column:1/-1}}@media (width<=720px){.sticky-actions{margin:0 -18px -18px;padding:14px 18px}}.file-field{gap:8px;display:grid}.file-preview{background:#f5f8fb;border:1px solid #dfe5ec;border-radius:12px;overflow:hidden}.file-preview .attachment-media{object-fit:contain;background:#16181e;width:100%;max-height:220px;display:block}.file-preview .attachment-file{margin:10px}.file-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.file-picker{color:#1560b8;cursor:pointer;background:#f3f8fe;border:1.5px dashed #b9c6d6;border-radius:12px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.file-picker:hover{background:#e7f1fd;border-color:#1f7ae0}.detail-field .file-picker input[type=file]{opacity:0;pointer-events:none;border:0;width:1px;height:1px;min-height:0;padding:0;position:absolute}.file-picker:focus-within{box-shadow:0 0 0 4px #1f7ae02e}.file-name{color:#4b5563;direction:ltr;align-items:center;gap:5px;font-size:12px;display:inline-flex}.attachment-inline{margin:0 0 10px}.attachment-inline .attachment-media{background:#16181e;border-radius:12px;max-width:100%;max-height:260px;display:block}.attachment-file{color:#1560b8;background:#fff;border:1px solid #dfe5ec;border-radius:12px;align-items:center;gap:8px;max-width:100%;padding:9px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.attachment-file span{text-overflow:ellipsis;white-space:nowrap;direction:ltr;overflow:hidden}.attachment-file:hover{border-color:#1f7ae0}.project-row{align-items:center;gap:12px;min-width:0;display:flex}.project-thumb{object-fit:cover;color:#fff;background:#22252d;border-radius:10px;flex:none;place-items:center;width:52px;height:52px;display:grid}.meeting-box{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;margin-bottom:14px;display:grid}.meeting-box .join-banner{margin-bottom:0}.meeting-box.is-empty{background:#f8fbff;border:1.5px dashed #bcd8f7;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px}.meeting-box.is-empty strong{color:var(--brand-dark);align-items:center;gap:7px;margin-bottom:3px;display:flex}.meeting-box.is-empty small{color:var(--muted);font-size:12px;line-height:1.6}.meeting-link{background:#fbfcfd;border:1px solid #e6ebf0;border-radius:12px;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.meeting-link code{color:#4a5263;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.meeting-note{color:var(--brand-dark);background:#f3f8fe;border:1px solid #d6e8fc;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.meeting-note strong,.meeting-note small{display:block}.meeting-note small{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.6}.place-chip.online{color:#1560b8;background:#e7f1fd}.join-pulse{animation:2s ease-in-out infinite join-pulse;position:relative}@keyframes join-pulse{0%,to{box-shadow:0 0 #1f7ae073}60%{box-shadow:0 0 0 8px #1f7ae000}}@media (width<=720px){.meeting-box.is-empty{grid-template-columns:1fr}}.inquiry-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.inquiry-card{gap:12px;animation:.45s cubic-bezier(.2,.7,.2,1) both portal-rise;display:grid}.inquiry-card.status-new{box-shadow:inset 0 4px 0 var(--sun);border-color:#fbe3b0}.inquiry-card>header{justify-content:space-between;align-items:flex-start;gap:10px;margin:0;display:flex}.inquiry-card h3{margin:0 0 4px;font-size:19px}.inquiry-card header small{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.inquiry-contact{flex-wrap:wrap;gap:6px;display:flex}.small-button.whatsapp{color:#1f7a4d;background:#e3f7ec;border-color:#bfe6cf}.inquiry-message{border-inline-start:3px solid var(--sun);color:#374151;background:#fffaf0;border-radius:10px;margin:0;padding:10px 14px;font-size:13px;line-height:1.8}.inquiry-follow{gap:8px;display:grid}.inquiry-follow select,.inquiry-follow textarea{width:100%;min-height:42px;font:inherit;background:#fbfcfd;border:1.5px solid #dfe5ec;border-radius:12px;padding:9px 12px;font-size:13px}.inquiry-follow textarea{resize:vertical;min-height:64px}.inquiry-card .panel-actions{margin-top:0}.small-button:disabled{opacity:.5;cursor:default;transform:none}.public-site{--brand:#1f7ae0;--brand-dark:#1560b8;--brand-soft:#e7f1fd;--sun:#f2b53d;--sun-soft:#fff4dc;--green:#3ec27a;--charcoal:#22252d;--night:#16181e;--radius:18px;--shadow:0 18px 45px #1d243014;color:var(--ink);scroll-behavior:smooth;background:#fff;display:block;overflow-x:clip}.public-site header,.public-site footer{margin:0;display:block}.public-site .site-nav-inner,.public-site .course-body footer{display:flex}.public-site nav{margin-top:0}.public-site .brand>span.brand-name{font-size:18px}.public-site .brand{justify-content:flex-start}.public-site h1{margin:0}.public-site h1 span{color:var(--brand)}html:has(.public-site){scroll-behavior:smooth;scroll-padding-top:88px}.public-site h1,.public-site h2,.public-site h3,.public-site h4{color:var(--ink);font-family:"Baloo Bhaijaan 2",sans-serif}.public-site h2 span,.public-site h1 span{color:var(--brand)}.public-site h1,.public-site h2,.public-site h3{text-wrap:balance}.public-site p,.public-site li{text-wrap:pretty}.public-site .reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d,0) * 90ms);transform:translateY(26px)}.public-site .reveal.is-visible{opacity:1;transform:none}.scroll-progress{z-index:80;background:linear-gradient(90deg,var(--sun),var(--brand));transform-origin:100%;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.site-nav{z-index:50;transition:background .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:sticky;top:0}.site-nav.is-scrolled,.site-nav.menu-open{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;box-shadow:0 8px 30px #1d243012}.site-nav-inner{align-items:center;gap:28px;max-width:1200px;margin:auto;padding:16px 28px;transition:padding .3s;display:flex}.site-nav.is-scrolled .site-nav-inner{padding-block:10px}.site-nav nav{gap:4px;margin-inline-start:auto;display:flex}.site-nav nav a{color:var(--muted);border-radius:9px;padding:8px 13px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s,background .2s;position:relative}.site-nav nav a:hover{color:var(--brand);background:var(--brand-soft)}.nav-actions{align-items:center;gap:10px;display:flex}.nav-link-button{color:var(--ink);border-radius:9px;padding:9px 12px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s}.nav-link-button:hover{background:#f1f4f8}.nav-cta{color:#fff;background:var(--brand);border-radius:11px;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 8px 18px #1f7ae040}.nav-cta:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 12px 24px #1f7ae052}.menu-toggle{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);cursor:pointer;background:#fff;border-radius:11px;place-items:center;display:none}.public-site .start-button{color:#1d2430;background:var(--sun);border-radius:12px;gap:9px;margin:0;padding:12px 20px;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 10px 22px #f2b53d4d}.public-site .start-button:hover{background:#f5c257;transform:translateY(-2px);box-shadow:0 14px 28px #f2b53d66}.public-site .start-button:active{transform:translateY(0)scale(.98)}.public-site .start-button.big{padding:15px 26px;font-size:16px}.ghost-button{border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;align-items:center;gap:7px;padding:14px 20px;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s,transform .2s;display:inline-flex}.ghost-button:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}.ghost-button svg{transition:transform .2s}.ghost-button:hover svg{transform:translate(-4px)}.hero{padding:40px 0 110px;position:relative}.hero-bg{pointer-events:none;position:absolute;inset:-90px 0 0;overflow:hidden}.hero-bg .blob{filter:blur(70px);opacity:.5;border-radius:50%;animation:14s ease-in-out infinite blob-drift;position:absolute}.hero-bg .b1{background:#cfe3fb;width:420px;height:420px;top:40px;left:-80px}.hero-bg .b2{background:#ffe9b8;width:380px;height:380px;animation-delay:-6s;top:260px;right:-120px}.hero-grid{background-image:linear-gradient(#1f7ae00f 1px,#0000 1px),linear-gradient(90deg,#1f7ae00f 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 35%,#000 20%,#0000 70%);mask-image:radial-gradient(at 50% 35%,#000 20%,#0000 70%)}.hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;max-width:1200px;margin:auto;padding:0 28px;display:grid;position:relative}.hero-badge{color:var(--brand-dark);background:#e7f1fdcc;border:1px solid #d6e8fc;border-radius:99px;align-items:center;gap:9px;margin:0 0 20px;padding:8px 15px;font-size:14px;font-weight:700;display:inline-flex}.hero-badge i{background:var(--green);border-radius:50%;width:8px;height:8px;position:relative}.hero-badge i:after{content:"";background:var(--green);border-radius:50%;animation:1.8s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}.hero h1{letter-spacing:-.5px;max-width:640px;margin:0;font-size:clamp(40px,5.4vw,64px);line-height:1.15}.hero h1 span{display:inline-block;position:relative}.hero h1 span:after{content:"";z-index:-1;background:var(--sun);opacity:.45;transform-origin:100%;border-radius:9px;height:12px;animation:.9s cubic-bezier(.2,.7,.2,1) .6s forwards underline-in;position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0)rotate(-2deg)}.hero-lead{max-width:540px;color:var(--muted);margin:22px 0 0;font-size:19px;line-height:1.9}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px;display:flex}.hero-trust{flex-wrap:wrap;gap:10px 22px;margin:34px 0 0;padding:0;list-style:none;display:flex}.hero-trust li{color:var(--ink);align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.hero-trust svg{width:28px;height:28px;color:var(--brand);background:var(--brand-soft);border-radius:8px;padding:5px}.hero-visual{justify-items:center;gap:14px;transition-delay:.15s;display:grid;position:relative}.hero-visual .hero-scene{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.hero-visual:hover .hero-scene{transform:translateY(-6px)rotate(-.6deg)}.stats-strip{z-index:2;grid-template-columns:repeat(var(--cols,3),1fr);border:1px solid var(--line);max-width:1080px;box-shadow:var(--shadow);background:#fff;border-radius:22px;margin:-50px auto 0;padding:10px;display:grid;position:relative}.stats-strip>div{justify-content:center;align-items:center;gap:15px;padding:20px 16px;display:flex}.stats-strip>div+div{border-right:1px solid var(--line)}.stat-icon{width:50px;height:50px;color:var(--brand);background:var(--brand-soft);border-radius:14px;place-items:center;display:grid}.stats-strip>div:nth-child(2) .stat-icon{color:#b07400;background:var(--sun-soft)}.stats-strip>div:nth-child(3) .stat-icon{color:#1f9a5c;background:#e3f7ec}.stats-strip b{color:var(--ink);text-align:right;direction:ltr;unicode-bidi:isolate;font:800 30px/1.1 "Baloo Bhaijaan 2",sans-serif;display:block}.stats-strip span:not(.stat-icon){color:var(--muted);font-size:14px}.site-section{max-width:1200px;margin:0 auto;padding:110px 28px 0}.section-head{text-align:center;max-width:640px;margin:0 auto 46px}.section-kicker{color:var(--brand-dark);background:var(--brand-soft);border-radius:99px;margin:0 0 12px;padding:5px 13px;font-size:13px;font-weight:700;display:inline-block}.section-head h2{margin:0;font-size:clamp(30px,3.6vw,42px);line-height:1.25}.section-head>p:not(.section-kicker){color:var(--muted);margin:14px 0 0;font-size:17px;line-height:1.8}.feature-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.feature-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:28px 24px;transition:transform .3s,box-shadow .3s,border-color .3s,opacity .7s,translate .7s;position:relative;overflow:hidden}.feature-card:before,.course-card:before{content:"";background:radial-gradient(260px circle at var(--mx,50%) var(--my,0),#1f7ae01a,transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.feature-card:hover:before,.course-card:hover:before{opacity:1}.feature-card.is-visible:hover{box-shadow:var(--shadow);border-color:#bcd8f7;transform:translateY(-8px)}.feature-icon{color:#fff;background:linear-gradient(135deg,var(--brand),#4fa3f7);border-radius:15px;place-items:center;width:54px;height:54px;margin-bottom:20px;transition:transform .35s cubic-bezier(.3,1.6,.5,1);display:grid;box-shadow:0 10px 20px #1f7ae040}.feature-card:nth-child(2) .feature-icon{background:linear-gradient(135deg,#e39b22,var(--sun));box-shadow:0 10px 20px #f2b53d4d}.feature-card:nth-child(3) .feature-icon{background:linear-gradient(135deg,#1f9a5c,var(--green));box-shadow:0 10px 20px #3ec27a47}.feature-card:nth-child(4) .feature-icon{background:linear-gradient(135deg,#2c2f38,#4a5263);box-shadow:0 10px 20px #22252d40}.feature-card:hover .feature-icon{transform:rotate(-8deg)scale(1.1)}.feature-card h3{margin:0 0 8px;font-size:21px}.feature-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.tracks{grid-template-columns:320px 1fr;gap:22px;display:grid}.track-tabs{align-content:start;gap:12px;display:grid}.track-tabs button{border:1.5px solid var(--line);color:var(--ink);text-align:right;cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s;display:flex}.track-tabs button:hover{border-color:#bcd8f7;transform:translate(-4px)}.track-tabs button.active{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 10px 24px #1f7ae024}.track-tab-icon{height:46px;color:var(--brand);box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:13px;flex:0 0 46px;place-items:center;transition:background .25s,color .25s;display:grid}.track-tabs button.active .track-tab-icon{color:#fff;background:var(--brand);box-shadow:none}.track-tabs b{font:700 18px "Baloo Bhaijaan 2",sans-serif;display:block}.track-tabs small{color:var(--muted);font-size:13px}.track-panel{background:var(--charcoal);color:#fff;border-radius:22px;grid-template-columns:260px 1fr;animation:.45s cubic-bezier(.2,.7,.2,1) panel-in;display:grid;overflow:hidden}.track-visual{color:var(--sun);background:radial-gradient(circle at 50% 40%,#343946,#1a1d22);align-content:center;place-items:center;gap:18px;padding:30px;display:grid;position:relative}.track-visual svg{filter:drop-shadow(0 8px 24px #f2b53d59);animation:4s ease-in-out infinite scene-float}.track-age{color:#fff;justify-items:center;gap:6px;font:800 38px/1 "Baloo Bhaijaan 2",sans-serif;display:grid}.track-age small{color:#a9b2bc;font:600 14px IBM Plex Sans Arabic,sans-serif}.track-body{padding:38px 36px}.track-body h3{color:#fff;margin:0 0 10px;font-size:30px}.track-body>p{color:#c5ced8;margin:0;font-size:16px;line-height:1.9}.track-body ul{grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 28px;padding:0;list-style:none;display:grid}.track-body li{animation:chip-in .45s calc(var(--d) * 70ms + .1s) both cubic-bezier(.2,.7,.2,1);background:#2b2e37;border:1px solid #3a3f4c;border-radius:12px;align-items:center;gap:8px;padding:11px 14px;font-size:14px;font-weight:600;display:flex}.track-body li svg{color:var(--sun);flex:none}.steps{grid-template-columns:repeat(var(--cols,4),1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid;position:relative}.steps:before{content:"";top:38px;right:calc(50% / var(--cols,4));left:calc(50% / var(--cols,4));background:repeating-linear-gradient(90deg,#bcd8f7 0 10px,#0000 10px 18px);border-radius:3px;height:3px;position:absolute}.steps:after{content:"";top:38px;right:calc(50% / var(--cols,4));left:calc(50% / var(--cols,4));background:linear-gradient(270deg,var(--brand),var(--sun));transform-origin:100%;border-radius:3px;height:3px;transition:transform 1.4s cubic-bezier(.2,.7,.2,1) .3s;position:absolute;transform:scaleX(0)}.steps.is-visible:after{transform:scaleX(1)}.steps li{z-index:1;text-align:center;position:relative}.step-icon{width:78px;height:78px;color:var(--brand);background:var(--brand-soft);opacity:0;transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .4s,background .25s,color .25s;transition-delay:calc(var(--d) * .25s + .3s);border:5px solid #fff;border-radius:24px;place-items:center;margin:0 auto 20px;display:grid;position:relative;transform:scale(.6);box-shadow:0 10px 26px #1f7ae029}.steps.is-visible .step-icon{opacity:1;transform:none}.steps li:hover .step-icon{color:#fff;background:var(--brand)}.step-icon b{color:#1d2430;background:var(--sun);border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;display:grid;position:absolute;top:-10px;left:-10px;box-shadow:0 4px 10px #f2b53d66}.steps h3{margin:0 0 6px;font-size:20px}.steps p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.level-filter{background:#f1f4f8;border-radius:13px;gap:6px;width:fit-content;margin:22px auto 0;padding:5px;display:flex}.level-filter button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 16px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s}.level-filter button.active{color:var(--ink);background:#fff;box-shadow:0 3px 10px #1d243014}.course-list,.project-list{grid-template-columns:repeat(auto-fit,minmax(290px,370px));justify-content:center;gap:22px;display:grid}.course-card{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:#fff;transition:transform .3s,box-shadow .3s,border-color .3s,opacity .7s;position:relative;overflow:hidden}.course-card.is-visible:hover{box-shadow:var(--shadow);border-color:#bcd8f7;transform:translateY(-8px)}.course-cover{color:#fff;background:linear-gradient(135deg,#1560b8,#1f7ae0 55%,#4fa3f7);place-items:center;height:150px;display:grid;position:relative;overflow:hidden}.course-cover>svg:not(.cover-deco){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff29;border-radius:20px;width:74px;height:74px;padding:16px;transition:transform .35s cubic-bezier(.3,1.6,.5,1);position:relative}.course-card:hover .course-cover>svg:not(.cover-deco){transform:scale(1.1)rotate(-6deg)}.cover-deco{opacity:.13;transition:transform .5s;position:absolute;bottom:-18px;left:-10px;transform:rotate(-12deg)}.course-card:hover .cover-deco{transform:rotate(0)scale(1.1)}.course-level{color:#9a6500;background:var(--sun-soft);border-radius:99px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-block}.course-cover .course-level{color:#1d2430;background:var(--sun);position:absolute;top:14px;right:14px}.course-body{padding:22px 22px 18px}.course-body h3{margin:0 0 8px;font-size:22px}.course-body>p{min-height:48px;color:var(--muted);margin:0;font-size:14px;line-height:1.75}.course-body footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:18px;padding-top:15px;font-size:13px;display:flex}.course-body footer>span{align-items:center;gap:6px;display:flex}.course-body footer button{color:var(--brand);background:var(--brand-soft);font:inherit;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:4px;padding:7px 12px;font-size:13px;font-weight:700;transition:background .2s,color .2s,gap .2s;display:flex}.course-card:hover footer button{color:#fff;background:var(--brand);gap:8px}.empty-state{border:2px dashed var(--line);border-radius:var(--radius);color:var(--muted);text-align:center;background:#fafbfc;grid-column:1/-1;padding:44px}.projects-section{background:linear-gradient(#f3f8fe,#fff);max-width:none;margin-top:110px;padding:100px max(28px,50% - 572px)}.project-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:14px 14px 18px;transition:transform .3s,box-shadow .3s,opacity .7s}.project-card.is-visible:hover{box-shadow:var(--shadow);transform:translateY(-6px)rotate(.4deg)}.project-cover{color:#1d2430;background:var(--sun);border-radius:12px;place-items:center;height:150px;font:800 38px monospace;display:grid;position:relative;overflow:hidden}.project-card.sky .project-cover{color:#fff;background:linear-gradient(135deg,#1f7ae0,#4fa3f7)}.project-card.mint .project-cover{color:#fff;background:linear-gradient(135deg,#1f9a5c,#3ec27a)}.project-cover>span{transition:transform .4s cubic-bezier(.3,1.6,.5,1)}.project-card:hover .project-cover>span{transform:scale(1.2)rotate(-6deg)}.project-spark{color:#fff;animation:2.4s ease-in-out infinite spark-twinkle;position:absolute;top:14px;left:14px}.project-card h3{margin:14px 4px 4px;font-size:19px}.project-card p{color:var(--muted);margin:0 4px;font-size:13px}.project-card small{color:var(--brand-dark);align-items:center;gap:8px;margin:14px 4px 0;font-size:13px;font-weight:600;display:flex}.avatar-dot{color:#fff;background:var(--brand);border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.faq-list{gap:12px;max-width:820px;margin:auto;display:grid}.faq-item{border:1px solid var(--line);background:#fff;border-radius:16px;transition:border-color .25s,box-shadow .25s;overflow:hidden}.faq-item.open{border-color:#bcd8f7;box-shadow:0 10px 26px #1f7ae014}.faq-item>button{width:100%;color:var(--ink);text-align:right;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font-size:17px;font-weight:700;display:flex}.faq-item>button svg{width:30px;height:30px;color:var(--brand);background:var(--brand-soft);border-radius:50%;flex:none;padding:4px;transition:transform .3s,background .3s,color .3s}.faq-item.open>button svg{color:#fff;background:var(--brand);transform:rotate(180deg)}.faq-answer{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.2,.7,.2,1);display:grid}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-answer p{min-height:0;color:var(--muted);margin:0;padding:0 22px;font-size:15px;line-height:1.9;overflow:hidden}.faq-item.open .faq-answer p{padding-bottom:20px}.cta-band{background:radial-gradient(circle at 15% 20%,#2f3b52,#0000 50%),linear-gradient(135deg,#1a1d22,#22252d 60%,#1d2a3f);border-radius:28px;max-width:1144px;margin:110px auto 0;position:relative;overflow:hidden}.cta-band:before{content:"";background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.cta-inner{justify-content:space-between;align-items:center;gap:24px;padding:56px 60px;display:flex;position:relative}.cta-band h2{color:#fff;margin:0 0 8px;font-size:clamp(28px,3.4vw,40px)}.cta-band p{color:#c5ced8;margin:0;font-size:17px}.cta-spark{color:var(--sun);opacity:.7;animation:2.6s ease-in-out infinite spark-twinkle;position:absolute}.cta-spark.spark-a{top:24px;left:34%}.cta-spark.spark-b{color:#4fa3f7;animation:4s ease-in-out infinite scene-float;bottom:18px;left:44%}.site-footer{border-top:1px solid var(--line);background:#fafbfc;margin-top:90px;padding:60px 28px 26px}.footer-inner{grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1144px;margin:auto;display:grid}.footer-brand p{max-width:340px;color:var(--muted);margin:16px 0 0;font-size:14px;line-height:1.8}.site-footer h4{margin:0 0 14px;font-size:17px}.site-footer .footer-inner>div:not(.footer-brand){flex-direction:column;gap:10px;display:flex}.site-footer .footer-inner a:not(.brand){width:fit-content;color:var(--muted);font-size:14px;text-decoration:none;transition:color .2s,transform .2s}.site-footer .footer-inner a:not(.brand):hover{color:var(--brand);transform:translate(-4px)}.footer-copy{text-align:center;border-top:1px solid var(--line);max-width:1144px;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:44px auto 0;padding-top:22px;font-size:13px;display:flex}.back-to-top{z-index:40;color:#fff;background:var(--brand);cursor:pointer;opacity:0;pointer-events:none;border:0;border-radius:15px;place-items:center;width:48px;height:48px;transition:opacity .3s,transform .3s,background .2s;display:grid;position:fixed;bottom:24px;left:24px;transform:translateY(20px)scale(.8);box-shadow:0 12px 26px #1f7ae059}.back-to-top.show{opacity:1;pointer-events:auto;transform:none}.back-to-top:hover{background:var(--brand-dark);transform:translateY(-3px)}.public-modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#12161e99;place-items:center;padding:22px;animation:.22s both modal-in;display:grid;position:fixed;inset:0}.public-modal{background:#fff;border-radius:22px;width:min(500px,100%);animation:.35s cubic-bezier(.2,.7,.2,1) both modal-card-in;position:relative;overflow:hidden;box-shadow:0 30px 80px #0e0f1659}.modal-cover{color:#fff;background:linear-gradient(135deg,#1560b8,#1f7ae0 55%,#4fa3f7);place-items:center;height:130px;display:grid;position:relative}.modal-cover>svg{background:#ffffff2e;border-radius:20px;width:70px;height:70px;padding:16px}.public-modal .modal-close{color:#fff;background:#ffffff2e;transition:background .2s,transform .2s;position:absolute;top:14px;left:14px}.public-modal .modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:26px 30px 30px}.public-modal h2{margin:12px 0 6px;font-size:30px}.modal-body>p{color:var(--muted);margin:0;line-height:1.8}.course-meta{flex-wrap:wrap;gap:9px;margin:20px 0 24px;display:flex}.course-meta span{color:var(--brand-dark);background:var(--brand-soft);border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.public-modal .start-button{justify-content:center;width:100%;display:flex}@keyframes ping{75%,to{opacity:0;transform:scale(2.4)}}@keyframes blob-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-20px)scale(1.08)}}@keyframes underline-in{to{transform:scaleX(1)rotate(-2deg)}}@keyframes panel-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes chip-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@media (width<=1024px){.site-nav nav{display:none}.menu-toggle{display:grid}.site-nav-inner{justify-content:space-between}.site-nav.menu-open nav{background:#fffffff7;gap:4px;padding:12px 20px 20px;animation:.25s panel-in;display:grid;position:absolute;top:100%;left:0;right:0;box-shadow:0 20px 30px #1d243014}.site-nav.menu-open nav a{padding:13px 14px;font-size:16px}.feature-grid{grid-template-columns:repeat(2,1fr)}.tracks{grid-template-columns:1fr}.track-tabs{grid-template-columns:repeat(3,1fr)}}@media (width<=860px){.hero{padding-bottom:90px}.hero-inner{grid-template-columns:1fr;gap:44px}.hero-lead{font-size:17px}.stats-strip{margin:-40px 18px 0}.steps{grid-template-columns:repeat(2,1fr);row-gap:40px}.steps:before,.steps:after{display:none}.track-panel{grid-template-columns:1fr}.track-visual{grid-auto-flow:column;padding:24px}.cta-inner{flex-direction:column;align-items:flex-start;padding:44px 32px}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=600px){.site-nav-inner{gap:12px;padding:12px 16px}.nav-link-button{display:none}.nav-cta{padding:9px 14px}.brand-name{font-size:15px}.hero{padding-top:24px}.hero-inner,.site-section{padding-inline:16px}.site-section{padding-top:80px}.hero-actions>a{flex:auto;justify-content:center}.stats-strip{grid-template-columns:1fr;margin-inline:16px}.stats-strip>div{justify-content:flex-start;padding:14px 12px}.stats-strip>div+div{border-right:0;border-top:1px solid var(--line)}.feature-grid,.steps,.track-tabs{grid-template-columns:1fr}.track-body{padding:28px 22px}.track-body ul{grid-template-columns:1fr}.level-filter{max-width:100%;overflow-x:auto}.course-list,.project-list{grid-template-columns:1fr}.projects-section{margin-top:80px;padding:70px 16px}.cta-band{margin:80px 16px 0}.cta-inner{padding:36px 24px}.cta-inner .start-button{justify-content:center;width:100%}.footer-inner{grid-template-columns:1fr;gap:28px}.back-to-top{bottom:16px;left:16px}.public-site .brand>span.brand-name{font-size:15px}.cta-spark.spark-b{display:none}.footer-copy{padding-bottom:56px}}@media (prefers-reduced-motion:reduce){html:has(.public-site){scroll-behavior:auto}.public-site .reveal,.public-site .reveal.is-visible{opacity:1;transition:none;transform:none}.public-site *,.public-site :before,.public-site :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.step-icon{opacity:1;transform:none}}.public-site .chip-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cover-mode{position:absolute;top:14px;left:14px}.cover-mode .mode-badge{box-shadow:0 4px 12px #0000001f}.course-next{align-items:center;gap:6px;font-weight:700;display:flex;min-height:0!important;color:var(--brand-dark)!important;margin:12px 0 0!important;font-size:13px!important}.modal-groups{margin:0 0 22px}.modal-groups h3{align-items:center;gap:7px;margin:0 0 10px;font-size:17px;display:flex}.modal-groups h3 svg{color:var(--brand)}.modal-group{border:1px solid var(--line);background:#fafbfc;border-radius:14px;margin-bottom:8px;padding:12px 14px;position:relative}.modal-group-head{align-items:center;gap:8px;margin-bottom:8px;padding-inline-end:90px;display:flex}.modal-group ul{color:var(--muted);gap:5px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.modal-group li{align-items:center;gap:7px;display:flex}.modal-group li svg{color:var(--brand);flex:none}.seats{color:#1f7a4d;background:#e3f7ec;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.seats.low{color:#b4351f;background:#ffe9e3}.public-modal{max-height:calc(100vh - 44px);overflow-y:auto}.stats-strip.standalone{margin-top:40px}.footer-socials{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.footer-socials a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:99px;padding:7px 13px;font-size:13px;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s}.footer-socials a:hover{border-color:var(--brand);color:var(--brand)}.site-footer .footer-contact{flex-direction:column;gap:10px;display:flex}.site-footer .footer-contact a,.site-footer .footer-contact span{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:inline-flex}.site-footer .footer-contact svg{color:var(--brand);flex:none}.project-cover.has-media{background:#16181e}.project-cover>img,.project-cover>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-card:hover .project-cover>img{transform:scale(1.05)}.project-cover>img{transition:transform .5s}.project-link{color:var(--brand);align-items:center;gap:6px;margin:10px 4px 0;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.project-link:hover{text-decoration:underline}.booking-modal{width:min(620px,100%);padding:0}.booking-close{z-index:2;width:36px;height:36px;color:var(--ink);cursor:pointer;background:#f1f4f8;border:0;border-radius:10px;place-items:center;transition:transform .2s,background .2s;display:grid;position:absolute;top:16px;left:16px}.booking-close:hover{background:#e3e8ee;transform:rotate(90deg)}.booking-form{gap:16px;padding:30px;display:grid}.booking-head h2{margin:6px 0;font-size:28px}.booking-head>p:not(.section-kicker){color:var(--muted);margin:0;line-height:1.8}.booking-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.booking-grid .span-2{grid-column:1/-1}.booking-form label{color:var(--ink);gap:6px;font-size:13px;font-weight:700;display:grid}.booking-form input,.booking-form select,.booking-form textarea{width:100%;min-height:46px;color:var(--ink);font:inherit;background:#fbfcfd;border:1.5px solid #dfe5ec;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s}.booking-form textarea{resize:vertical;min-height:80px}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{border-color:var(--brand);background:#fff;outline:0;box-shadow:0 0 0 4px #1f7ae01f}.hp-field{opacity:0;pointer-events:none;overflow:hidden;width:1px!important;height:1px!important;position:absolute!important}.booking-mode{border:0;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;display:grid}.booking-mode legend{margin-bottom:6px;font-size:13px;font-weight:700}.booking-mode button{color:var(--muted);font:inherit;cursor:pointer;background:#fff;border:1.5px solid #dfe5ec;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:11px;font-weight:700;transition:all .2s;display:flex}.booking-mode button.active{border-color:var(--brand);color:var(--brand-dark);background:var(--brand-soft)}.booking-groups{gap:8px;display:grid}.booking-groups>span{font-size:13px;font-weight:700}.booking-groups button{color:var(--ink);font:inherit;text-align:right;cursor:pointer;background:#fafbfc;border:1.5px solid #e3e8ee;border-radius:14px;gap:3px;padding:12px 14px;transition:border-color .2s,background .2s;display:grid;position:relative}.booking-groups button:hover:not(:disabled){border-color:#bcd8f7}.booking-groups button.active{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset -4px 0 0 var(--brand)}.booking-groups button:disabled{opacity:.5;cursor:not-allowed}.booking-groups small{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.booking-groups em{color:#1f7a4d;background:#e3f7ec;border-radius:99px;padding:3px 9px;font-size:11px;font-style:normal;font-weight:700;position:absolute;top:12px;left:12px}.booking-groups em.low{color:#b4351f;background:#ffe9e3}.booking-error{color:#b4351f;background:#ffe9e3;border-radius:12px;margin:0;padding:10px 14px;font-size:13px;font-weight:600}.booking-form .start-button{justify-content:center;width:100%;display:flex}.booking-privacy{color:var(--muted);text-align:center;margin:-6px 0 0;font-size:12px}.booking-done{text-align:center;justify-items:center;gap:14px;padding:48px 30px 36px;display:grid}.booking-done h2{margin:0;font-size:30px}.booking-done p{max-width:420px;color:var(--muted);margin:0;line-height:1.9}.done-icon{color:#1f9a5c;background:#e3f7ec;border-radius:50%;place-items:center;width:84px;height:84px;animation:.5s cubic-bezier(.3,1.6,.5,1) both modal-card-in;display:grid}.booking-done .start-button{justify-content:center;min-width:160px}.group-book{color:#fff;background:var(--brand);font:inherit;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:5px;margin-top:10px;padding:7px 12px;font-size:12px;font-weight:700;transition:background .2s,gap .2s;display:inline-flex}.group-book:hover{background:var(--brand-dark);gap:9px}@media (width<=600px){.booking-form{padding:24px 18px}.booking-grid,.booking-mode{grid-template-columns:1fr}.booking-head h2{padding-left:36px;font-size:23px}}
