:root{--cobalt-page-background:radial-gradient(circle at 16% 12%, #2f73ff29, transparent 26%), radial-gradient(circle at 82% 18%, #7941ff1f, transparent 24%), linear-gradient(180deg, #060b13 0%, #050a13 55%, #040811 100%);--bg:#050a13;--bg-2:#07101d;--panel:#0a1424e0;--panel-2:#0c182bf0;--line:#6491d238;--line-strong:#5c9cff6b;--text:#f5f8ff;--muted:#91a3bd;--muted-2:#667a98;--blue:#4f8cff;--blue-2:#25b1ff;--violet:#7a5cff;--green:#38d3a6;--yellow:#f0b94b;--red:#ff6e7e;--shadow:0 24px 80px #00000052;--radius-xl:26px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{min-height:100vh;color:var(--text);background:var(--cobalt-page-background);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #5d97ffeb}::selection{color:#fff;background:#538eff59}.eyebrow{letter-spacing:.16em;color:#79a9ff;font-size:11px;font-weight:800;display:inline-block}.btn{appearance:none;border:1px solid var(--line);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 15px;font-size:13px;font-weight:750;transition:transform .18s,border-color .18s,background .18s,opacity .18s;display:inline-flex}.btn svg{width:18px;height:18px}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(110deg,#3d8eff,#7353ff);border-color:#7597ffb8;box-shadow:0 10px 26px #4169ff2e,inset 0 1px #ffffff29}.btn-primary:hover:not(:disabled){box-shadow:0 14px 34px #4169ff42,inset 0 1px #ffffff29}.btn-secondary{background:#0c1b31e0;border-color:#6f97cf52}.btn-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:#11233df5;border-color:#5b96ffad}.btn-ghost{background:#0812218a}.btn-success{background:linear-gradient(110deg,#178d72,#39c49b);border-color:#59e2bca6}.btn-large{border-radius:14px;min-height:52px;padding:13px 18px}.login-page{isolation:isolate;background:radial-gradient(460px 420px at 50% 48%,#2a56be21,#0000 76%),radial-gradient(420px 360px at 54% 52%,#5c35ae14,#0000 78%),linear-gradient(#060b14,#050a13 65%,#040811);place-items:center;min-height:100svh;padding:32px 20px;display:grid;position:relative;overflow:hidden}.login-grid-bg{z-index:0;pointer-events:none;opacity:.1;background-image:linear-gradient(#4673af1a 1px,#0000 1px),linear-gradient(90deg,#4673af1a 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 78%);mask-image:radial-gradient(#000 0%,#0000 78%)}.ambient-grid{pointer-events:none;opacity:.28;background-image:linear-gradient(#4673af17 1px,#0000 1px),linear-gradient(90deg,#4673af17 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0}.login-auth-shell{z-index:1;flex-direction:column;align-items:center;gap:20px;width:min(100%,480px);display:flex;position:relative}.brand-lockup{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.brand-lockup-large{cursor:default}.brand-lockup strong{font-size:15px;line-height:1.1;display:block}.brand-lockup small{color:var(--muted-2);letter-spacing:.16em;margin-top:4px;font-size:9px;font-weight:800;display:block}.brand-mark{background:linear-gradient(135deg,#3282ff3d,#5e39dc2e);border:1px solid #5b97ff94;border-radius:12px;place-items:center;width:42px;height:42px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff14,0 0 28px #3374ff1f}.brand-lockup-large .brand-mark{border-radius:15px;width:50px;height:50px;font-size:21px}.login-brand-lockup{cursor:default}.login-brand-lockup .brand-mark{border-radius:12px;width:40px;height:40px;font-size:17px}.login-brand-lockup strong{font-size:14px}.login-brand-lockup small{letter-spacing:.18em;font-size:8px}.login-card{background:linear-gradient(155deg,#0d192cf5,#070f1dfa);border:1px solid #6797d838;border-radius:22px;width:100%;padding:30px 34px 26px;position:relative;box-shadow:0 28px 75px #00000057,inset 0 1px #ffffff0b}.login-mascot-wrap{pointer-events:none;width:100%;height:90px;margin:0 auto 3px;position:relative;overflow:visible}.login-mascot{object-fit:contain;opacity:0;filter:drop-shadow(0 8px 18px #124bba33);width:124px;height:124px;transition:opacity .18s ease-out,transform .18s ease-out;display:block;position:absolute;top:-18px;left:50%;transform:translate(-50%)scale(.97)}.login-mascot.is-active{opacity:1;transform:translate(-50%)scale(1)}.login-card-head{text-align:center;margin:0 0 22px;display:block}.login-card h2{letter-spacing:-.035em;margin:0 0 7px;font-size:26px}.login-card-head p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.field{gap:8px;margin:15px 0;display:grid}.login-card .field{margin:13px 0}.field>span{letter-spacing:.08em;color:#aabbd0;text-transform:uppercase;font-size:11px;font-weight:800}.field input{width:100%;min-height:48px;color:var(--text);background:#050e1bcc;border:1px solid #5f89be42;border-radius:12px;padding:0 14px;transition:border-color .18s,box-shadow .18s,background .18s}.field input:focus{background:#061122f5;border-color:#5b97ffc7;outline:none;box-shadow:0 0 0 3px #497fff21,0 0 22px #4171ff14}.password-control{display:block;position:relative}.password-control input{padding-right:48px}.password-toggle{color:#8196b4;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:34px;height:34px;transition:color .16s,background .16s,border-color .16s;display:grid;position:absolute;top:50%;right:8px;translate:0 -50%}.password-toggle svg{width:18px;height:18px}.password-toggle:hover{color:#b9d1ff;background:#487bda1f}.password-toggle:focus-visible{outline-offset:1px;border-color:#5d97ff61;outline:2px solid #5d97ffeb}.field input::placeholder{color:#50657f}.field input:disabled{opacity:.6}.form-error{color:#ff9aa7;background:#ff55691a;border:1px solid #ff5b6c3d;border-radius:10px;margin:12px 0;padding:11px 12px;font-size:12px}.login-card>.btn{width:100%;margin-top:10px}.login-card .btn-primary{margin-top:16px}.login-card .btn-ghost{color:#aabbd0;background:#08122161}.prototype-note{color:#8292a9;background:#050d1973;border:1px solid #6489bc21;border-radius:10px;align-items:center;gap:9px;margin-top:17px;padding:10px 11px;display:flex}.prototype-note>span{border:1px solid #7797c466;border-radius:50%;flex:0 0 17px;place-items:center;width:17px;height:17px;font-size:10px;font-weight:700;display:grid}.prototype-note p{margin:0;font-size:10px;line-height:1.45}.prototype-note strong{color:#aebbd0;font-weight:700}.login-alpha-label{color:#61738d;letter-spacing:.19em;font-size:9px;font-weight:800}.app-root{z-index:1;min-height:100vh;position:relative}.topbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060f1cdb;border:1px solid #6294d640;border-radius:18px;grid-template-columns:minmax(190px,.85fr) auto minmax(220px,.85fr);align-items:center;gap:18px;width:min(1480px,100% - 36px);min-height:72px;margin:18px auto 0;padding:10px 12px 10px 16px;display:grid;position:sticky;top:12px;box-shadow:0 18px 60px #00000038,inset 0 1px #ffffff0a}.topnav{justify-content:center;align-items:center;gap:5px;display:flex}.topnav :is(button,a){color:#7e91ab;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:7px;min-height:42px;padding:8px 12px;font-size:12px;font-weight:750;transition:all .18s;display:inline-flex}.topnav :is(button,a) svg{width:16px;height:16px}.topnav :is(button,a):hover{color:#d7e4f5;background:#26456d3d}.topnav :is(button,a).active{color:#bcd3ff;background:linear-gradient(135deg,#3169d74d,#4839a43d);border-color:#538bff5c}.profile-menu{justify-content:flex-end;align-items:center;gap:7px;display:flex}.profile-button{cursor:pointer;text-align:left;background:#081221a3;border:1px solid #648fc838;border-radius:13px;align-items:center;gap:9px;min-height:48px;padding:6px 10px 6px 7px;display:flex}.profile-avatar{color:#dce9ff;background:linear-gradient(135deg,#2b7fed,#624ae6);border-radius:10px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.profile-copy strong,.profile-copy small{display:block}.profile-copy strong{white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:12px;overflow:hidden}.profile-copy small{color:#6f829c;margin-top:2px;font-size:9px}.logout-button,.icon-button{cursor:pointer;color:#879bb5;background:#0812219e;border:1px solid #668dbf33;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.logout-button:hover,.icon-button:hover{color:#fff;border-color:#6096ff8c}.logout-button svg,.icon-button svg{width:18px;height:18px}.app-content{width:min(1480px,100% - 36px);margin:24px auto 50px}.app-footer{color:#50637c;justify-content:space-between;gap:14px;width:min(1480px,100% - 36px);margin:0 auto;padding:0 4px 28px;font-size:10px;display:flex}.view-stack{gap:20px;animation:.28s both viewIn;display:grid}@keyframes viewIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.dashboard-next{background:linear-gradient(120deg,#0a1629f2,#07101fe6);border:1px solid #538bd038;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:26px;width:min(100%,1060px);min-height:168px;margin:0 auto;padding:18px 25px;display:grid;box-shadow:inset 0 1px #ffffff09}.dashboard-next-main{width:100%}.dashboard-next .eyebrow{color:#9aafd0;text-transform:none;letter-spacing:0;font-size:14px;font-weight:650}.dashboard-next h1{letter-spacing:-.045em;margin:5px 0 6px;font-size:clamp(26px,2.7vw,35px);line-height:1.1}.dashboard-next-module{color:#7ea4ed;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:750}.dashboard-next h2{letter-spacing:-.02em;max-width:720px;margin:4px 0 9px;font-size:clamp(17px,1.7vw,21px);line-height:1.25}.dashboard-next-progress{max-width:520px}.dashboard-next-progress-label{color:#7186a2;letter-spacing:.11em;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:8px;font-weight:800;display:flex}.dashboard-next-progress-label strong{color:#b9c9df;letter-spacing:0;font-size:12px}.dashboard-next-progress .progress-track{height:5px}.dashboard-next-progress small{color:#6b7e96;margin-top:4px;font-size:9px;display:block}.dashboard-next-action{min-width:170px}.metric-grid.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dashboard-metrics .metric-card{min-height:92px;padding:14px 17px}.dashboard-metrics .metric-card strong{font-size:21px}.dashboard-metrics .metric-divider{color:#586d89;font-size:inherit;margin:0 2px;display:inline}.dashboard-lessons{padding:20px 22px 10px}.dashboard-lessons .section-head{align-items:center;margin-bottom:10px}.dashboard-lessons .section-head h2{margin-top:5px}.dashboard-all-lessons{color:#8eb2ff;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:8px 2px 8px 10px;font-size:11px;font-weight:750;display:inline-flex}.dashboard-all-lessons:hover{color:#c4d7ff}.dashboard-all-lessons svg{width:15px;height:15px}.dashboard-lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dashboard-lesson-card{background:linear-gradient(150deg,#0a1628c7,#060f1cc2);border:1px solid #5b89c32b;border-radius:15px;flex-direction:column;min-width:0;min-height:218px;padding:15px;display:flex}.dashboard-lesson-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dashboard-lesson-number{color:#8bb4ff;background:#27509124;border:1px solid #5b90dc33;border-radius:11px;place-items:center;width:38px;height:38px;font:700 13px/1 ui-monospace,monospace;display:grid}.dashboard-module-icon{color:#81a8ea;background:#2750911a;border:1px solid #5b90dc2e;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.dashboard-module-icon svg{width:15px;height:15px}.dashboard-lesson-card.accent-violet .dashboard-module-icon{color:#aa94ff;background:#694abb1a;border-color:#8b6fe333}.dashboard-lesson-card.accent-cyan .dashboard-module-icon{color:#7bcbec;background:#3084a01a;border-color:#59aecf33}.dashboard-lesson-card.accent-green .dashboard-module-icon{color:#79c9a8;background:#267e5c1a;border-color:#51ad8933}.dashboard-lesson-info{min-width:0}.dashboard-lesson-module{color:#7a91b0;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;min-height:12px;font-size:8px;font-weight:800;display:block;overflow:hidden}.dashboard-lesson-info h3{overflow-wrap:anywhere;margin:6px 0 9px;font-size:13px;font-weight:720;line-height:1.4}.dashboard-lesson-meta{color:#72859e;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:10px;display:flex}.dashboard-lesson-meta>span+span:not(.lesson-video-preparing){position:relative}.dashboard-lesson-meta>span+span:not(.lesson-video-preparing):before{content:"";background:#526984;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:-8px}.lesson-video-preparing{color:#788ba4}.lesson-video-available{color:#8ca3c5}.dashboard-lesson-card-footer{align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}.dashboard-lesson-track{flex:1;height:4px}.dashboard-lesson-action{color:#9bbaff;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:5px 0 5px 6px;font-size:11px;font-weight:750;display:inline-flex}.dashboard-lesson-action:hover{color:#d0deff}.dashboard-lesson-action svg{width:14px;height:14px}.dashboard-lessons-complete{color:#8fa2ba;margin:0;padding:18px 0;font-size:13px}.dashboard-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dashboard-focus-card{background:#07101e9e;border:1px solid #5b89c32b;border-radius:17px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;min-height:128px;padding:18px;display:grid}.dashboard-focus-card .metric-icon{border-radius:12px;width:42px;height:42px}.dashboard-focus-card .metric-icon svg{width:19px}.dashboard-focus-card h3{margin:0;font-size:14px}.dashboard-focus-card p{color:#788da7;margin:5px 0 0;font-size:11px;line-height:1.45}.dashboard-focus-card small{color:#7c9bd1;margin-top:6px;font-size:10px;display:block}.dashboard-focus-card>.btn{white-space:nowrap}.app-root-home{background:radial-gradient(circle at 15% 4%,#1b398a2e,#0000 26%),radial-gradient(circle at 78% 18%,#322b751f,#0000 32%)}.app-root-home .ambient-grid{opacity:.17}.app-root-home .topbar{background:#050f1de0;border-radius:16px;min-height:68px;margin-top:16px;padding:8px 15px}.app-root-home .brand-mark{background:linear-gradient(145deg,#2368e44d,#5436c13b);border-color:#4c86ff99}.app-root-home .topnav :is(button,a).active{color:#dce8ff;background:linear-gradient(135deg,#3168d957,#4e38b547);border-color:#5682ff7a}.app-root-home .profile-avatar{background:linear-gradient(145deg,#328eff,#6244f7);font-size:13px}.app-root-home .app-content{margin-top:20px}.dashboard-home{gap:16px}.dashboard-home .dashboard-top-grid{grid-template-columns:minmax(0,2.8fr) minmax(340px,1fr);gap:16px;display:grid}.dashboard-home .dashboard-feature{background:radial-gradient(circle at 8% 0,#5647ea24,#0000 38%),radial-gradient(circle at 78% 57%,#2257d526,#0000 38%),linear-gradient(135deg,#091427fa,#051020fa);border:1px solid #4f80d15c;border-radius:16px;grid-template-columns:minmax(0,1.24fr) minmax(340px,.86fr);min-width:0;min-height:355px;padding:25px 34px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 44px #00000030,inset 0 1px #ffffff0a}.dashboard-home .dashboard-feature:after{content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#436fb824 1px,#0000 1px),linear-gradient(90deg,#436fb824 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 30%,#000 100%);mask-image:linear-gradient(90deg,#0000 30%,#000 100%)}.dashboard-feature-copy{z-index:2;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.dashboard-greeting{color:#9bbcff;font-size:14px;font-weight:750}.dashboard-feature-copy h1{letter-spacing:-.055em;margin:5px 0;font-size:clamp(34px,3.25vw,50px);line-height:1.04}.dashboard-feature-copy>p{color:#9eb2cf;max-width:445px;margin:0 0 21px;font-size:14px;line-height:1.48}.dashboard-feature-module{color:#75aaff;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:850}.dashboard-feature-lesson{color:#f4f7ff;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;max-width:100%;margin:7px 0 12px;padding:0;font-size:17px;font-weight:800;line-height:1.3;display:inline-flex}.dashboard-feature-lesson svg{color:#67a2ff;flex:0 0 16px;width:16px;height:16px}.dashboard-feature-lesson:hover{color:#c5d9ff}.dashboard-feature-progress{align-items:center;gap:12px;width:min(100%,520px);display:flex}.dashboard-feature-progress .progress-track{background:#4b699559;flex:1;height:9px}.dashboard-feature-progress strong{font-size:12px}.dashboard-feature-copy>small{color:#8ea3c3;margin-top:6px;font-size:11px}.dashboard-feature-action{min-width:215px;min-height:50px;margin-top:auto;padding:12px 18px;font-size:13px}.dashboard-feature-action svg:first-child{fill:currentColor;width:18px;height:18px}.dashboard-feature-action svg:last-child{margin-left:3px}.dashboard-c-illustration{z-index:1;min-width:0;position:relative}.dashboard-c-illustration:before{content:"";filter:blur(70px);background:#3a4fff33;border-radius:50%;width:320px;height:230px;position:absolute;top:60px;left:10%}.dashboard-c-dots{opacity:.65;background-image:radial-gradient(#507cf3 1px,#0000 1.2px);background-size:18px 18px;position:absolute;inset:10px 0;-webkit-mask-image:linear-gradient(90deg,#0000 5%,#000 40%,#0000 95%);mask-image:linear-gradient(90deg,#0000 5%,#000 40%,#0000 95%)}.dashboard-code-window{background:linear-gradient(145deg,#08193f9e,#07102952);border:1px solid #4b74eb85;border-radius:13px;width:90%;height:222px;position:absolute;top:49px;right:0;transform:perspective(620px)rotateY(-8deg)rotate(4deg);box-shadow:0 18px 60px #1431bd33,inset 0 0 45px #23429721}.dashboard-code-window code{color:#6892f373;white-space:nowrap;flex-direction:column;gap:5px;padding:17px 22px;font:11px/1.25 ui-monospace,monospace;display:flex}.dashboard-c-letter{color:#6684ff;letter-spacing:-.12em;text-shadow:0 0 10px #8280fff2,0 0 60px #473bff9e;-webkit-text-stroke:1px #c6d3ffa6;font:900 166px/.9 ui-sans-serif,system-ui,sans-serif;position:absolute;top:38px;right:11%}.dashboard-code-chip{z-index:2;background:linear-gradient(145deg,#112b5bf2,#0d163cf0);border:1px solid #5479efb3;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:70px;min-height:72px;display:flex;position:absolute;transform:rotate(4deg);box-shadow:0 12px 30px #0000004d,0 0 20px #3648cc2e}.dashboard-code-chip span{color:#a4a1ff;font:700 23px/1 ui-monospace,monospace}.dashboard-code-chip small{color:#a1b8e4;font-size:9px}.dashboard-chip-compile{top:140px;left:1%}.dashboard-chip-run{border-color:#774df2c2;bottom:23px;left:22%}.dashboard-home .dashboard-progress-panel{background:linear-gradient(155deg,#081528f7,#050f1ef7);border:1px solid #4775b44d;border-radius:15px;flex-direction:column;min-width:0;min-height:355px;padding:20px 18px 16px;display:flex}.dashboard-progress-panel h2{align-items:center;gap:12px;margin:0 0 14px;font-size:16px;display:flex}.dashboard-progress-panel h2 svg{color:#5c91ff;width:22px;height:22px}.dashboard-progress-items{gap:9px;display:grid}.dashboard-progress-item{background:#08192fa3;border:1px solid #517bb42e;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:64px;padding:10px 11px;display:grid}.dashboard-progress-icon{color:#82aaff;background:#3665cc2b;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.dashboard-progress-icon svg{width:19px;height:19px}.dashboard-progress-item-copy{min-width:0}.dashboard-progress-item-copy strong,.dashboard-progress-item-copy small{display:block}.dashboard-progress-item-copy strong{font-size:12px}.dashboard-progress-item-copy small{color:#7d94b7;margin-top:4px;font-size:10px}.dashboard-progress-value{color:#8ab1ff;font-size:10px}.dashboard-progress-item .progress-track{grid-column:2/4;width:100%;height:5px;margin-top:-3px}.dashboard-progress-chevron{color:#82a8ee;width:15px;height:15px}.dashboard-progress-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:auto;padding-top:13px;display:grid}.dashboard-progress-actions .btn{min-width:0;min-height:44px;padding:9px 8px;font-size:11px}.dashboard-progress-actions .btn svg{width:17px;height:17px}.dashboard-home .dashboard-track{background:#071425cc;border:1px solid #4979b840;border-radius:15px;padding:15px 19px 17px}.dashboard-section-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;display:flex}.dashboard-section-head h2{letter-spacing:-.025em;margin:0;font-size:18px}.dashboard-section-head button{color:#8eb6ff;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:5px 0;font-size:11px;display:inline-flex}.dashboard-section-head button:hover{color:#d1dfff}.dashboard-section-head button svg{width:15px;height:15px}.dashboard-track-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.dashboard-track-card{min-width:0;min-height:77px;color:inherit;cursor:pointer;text-align:left;background:#071427bd;border:1px solid #4979b840;border-radius:12px;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 10px 10px 12px;display:grid}.dashboard-track-card:hover{background:#0c1c34e6;border-color:#5d95ff80}.dashboard-track-card.is-active{border-color:#5c8dff;box-shadow:inset 0 0 0 1px #5b84ff59,0 0 16px #3c59e521}.dashboard-track-number{color:#e1ecff;background:linear-gradient(145deg,#215abf99,#102c65b3);border:1px solid #4186ff;border-radius:12px;place-items:center;width:43px;height:43px;font:800 13px/1 ui-monospace,monospace;display:grid;box-shadow:0 0 15px #316ef52e}.dashboard-track-card.accent-violet .dashboard-track-number{background:#642c9d85;border-color:#9558eb}.dashboard-track-card.accent-cyan .dashboard-track-number{background:#12695c7a;border-color:#28b49b}.dashboard-track-card.accent-green .dashboard-track-number{background:#82501287;border-color:#e49b23}.dashboard-track-card:last-child .dashboard-track-number{background:#821d677a;border-color:#dd43a3}.dashboard-track-copy{gap:3px;min-width:0;display:grid}.dashboard-track-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.dashboard-track-copy small{color:#7f98ba;font-size:9px}.dashboard-track-copy .progress-track{background:#4b69955c;height:5px;margin-top:3px}.dashboard-track-percent{color:#9fb7e1;align-self:end;padding-bottom:2px;font-size:9px;font-weight:800}.dashboard-home .dashboard-lessons{background:0 0;border:0;padding:0}.dashboard-home .dashboard-lessons .dashboard-section-head{margin-bottom:8px}.dashboard-home .dashboard-lessons .dashboard-section-head h2{font-size:23px}.dashboard-home .dashboard-lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dashboard-home .dashboard-lesson-card{background:linear-gradient(150deg,#08172be6,#05101fd6);border:1px solid #4a7bb847;border-radius:14px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:53px minmax(0,1fr);gap:8px 13px;min-width:0;min-height:132px;padding:14px 16px 12px;display:grid}.dashboard-lesson-icon{color:#79acff;background:#2652a52b;border:1px solid #4e80e64d;border-radius:11px;place-items:center;width:52px;height:52px;display:grid}.dashboard-lesson-icon svg{width:23px;height:23px}.dashboard-lesson-content{min-width:0}.dashboard-lesson-heading{align-items:center;gap:9px;display:flex}.dashboard-home .dashboard-lesson-number{border-radius:8px;flex:0 0 31px;width:31px;height:31px;font-size:11px}.dashboard-lesson-heading>div{min-width:0}.dashboard-lesson-heading small{color:#8aa7d8;letter-spacing:.09em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:8px;font-weight:850;display:block;overflow:hidden}.dashboard-lesson-heading h3{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:12px;overflow:hidden}.dashboard-home .dashboard-lesson-meta{gap:12px;margin-top:12px;font-size:9px}.dashboard-home .dashboard-lesson-meta span:before{content:"●";color:#8aa7d8;margin-right:6px;font-size:8px}.dashboard-lesson-footer{grid-column:1/-1;align-items:center;gap:10px;display:flex}.dashboard-lesson-footer>strong{color:#8db5ff;font-size:10px}.dashboard-lesson-footer .progress-track{background:#4b69955c;flex:1;height:5px}.dashboard-lesson-footer button{color:#91b6ff;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:3px 0 3px 7px;font-size:11px;font-weight:800;display:inline-flex}.dashboard-lesson-footer button:hover{color:#d1e0ff}.dashboard-lesson-footer button svg{width:15px;height:15px}.dashboard-home .dashboard-focus-grid{gap:16px}.dashboard-home .dashboard-focus-card{background:linear-gradient(150deg,#08162ae6,#05101fd6);border-color:#4a7bb847;border-radius:14px;grid-template-columns:62px minmax(0,1fr) auto;min-height:102px;padding:16px 18px}.dashboard-focus-icon{color:#6b9fff;background:#224c9f30;border:1px solid #4b7ddf4f;border-radius:12px;place-items:center;width:62px;height:62px;display:grid}.dashboard-focus-icon svg{width:26px;height:26px}.dashboard-home .dashboard-focus-card h3{font-size:14px}.dashboard-home .dashboard-focus-card p{color:#91a6c4}.dashboard-home .dashboard-focus-card small{color:#83a9f3}.dashboard-home .dashboard-focus-card>.btn{background:#13294b7d;border-color:#4d81d657;min-height:40px;padding:8px 13px}.dashboard-hero{border-radius:var(--radius-xl);min-height:380px;box-shadow:var(--shadow), inset 0 1px #ffffff0a;background:radial-gradient(circle at 52% 55%,#1e73ff29,#0000 34%),linear-gradient(135deg,#0a172cf5,#060f1ef0);border:1px solid #538bd047;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr) 330px;align-items:stretch;gap:24px;padding:32px;display:grid;position:relative;overflow:hidden}.dashboard-hero:after{content:"";pointer-events:none;background:radial-gradient(#4370ff1f,#0000 62%);height:320px;position:absolute;inset:auto -10% -60% 20%}.dashboard-hero-copy{z-index:2;align-self:center}.dashboard-hero-copy h1{letter-spacing:-.055em;margin:9px 0 12px;font-size:clamp(44px,5vw,74px);line-height:.98}.dashboard-hero-copy h1 span{color:#78a7ff}.dashboard-hero-copy>p{color:#a2b4ca;max-width:620px;margin:0;font-size:15px;line-height:1.6}.hero-progress-card{background:#030b1794;border:1px solid #618dc93d;border-radius:15px;max-width:660px;margin-top:28px;padding:16px 18px}.hero-progress-title,.hero-progress-foot{justify-content:space-between;align-items:center;gap:16px;display:flex}.hero-progress-title span{color:#a3b4c9;letter-spacing:.12em;font-size:10px;font-weight:800}.hero-progress-title strong{font-size:26px}.hero-progress-foot{color:#8295ae;margin-top:10px;font-size:11px}.progress-track{background:#4c668938;border-radius:999px;height:6px;overflow:hidden}.progress-track>span{border-radius:inherit;background:linear-gradient(90deg,#318fff,#765aff);height:100%;display:block;box-shadow:0 0 14px #4b79ff73}.progress-track-lg{height:10px;margin-top:12px}.hero-code-art{align-self:center;place-items:center;min-height:310px;display:grid;position:relative}.c-core{color:#d8e8ff;background:linear-gradient(145deg,#207fff38,#5b3ede2b);border:1px solid #4e94ff80;border-radius:34px;place-items:center;width:138px;height:138px;font:900 72px/1 ui-monospace,monospace;display:grid;box-shadow:0 0 0 12px #3775e509,0 0 60px #2c73ff3d,inset 0 1px #ffffff14}.code-orbit{color:#9ebcea;background:#061223e6;border:1px solid #5d92d852;border-radius:9px;padding:7px 10px;font:700 10px/1 ui-monospace,monospace;position:absolute}.orbit-a{top:42px;left:20px}.orbit-b{top:52px;right:18px}.orbit-c{bottom:43px;left:34px}.orbit-d{bottom:34px;right:34px}.code-line{transform-origin:50%;background:linear-gradient(90deg,#0000,#5099ff99,#0000);height:1px;position:absolute}.line-a{width:74%;transform:rotate(28deg)}.line-b{width:76%;transform:rotate(-30deg)}.line-c{width:68%;transform:rotate(90deg)}.next-step-card{z-index:2;background:linear-gradient(155deg,#0a182df0,#050f1df5);border:1px solid #618fcd47;border-radius:20px;flex-direction:column;justify-content:center;gap:13px;padding:24px;display:flex}.next-step-title{align-items:flex-start;gap:13px;display:flex}.next-step-title>svg{color:#6698ff;flex:0 0 38px;width:38px;height:38px}.next-step-title span{color:#6d86a6;letter-spacing:.12em;font-size:9px;font-weight:850;display:block}.next-step-title strong{margin-top:5px;font-size:17px;display:block}.next-step-card>p{color:#8498b3;margin:0 0 5px;font-size:12px;line-height:1.55}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--line);background:#081221bf;border-radius:16px;align-items:center;gap:14px;min-height:105px;padding:17px;display:flex}.metric-icon{color:#6e9fff;background:#3d78ff1c;border:1px solid #4d8bff33;border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.metric-icon svg{width:22px}.metric-card small,.metric-card strong,.metric-card span{display:block}.metric-card small{color:#7186a2;letter-spacing:.12em;font-size:9px;font-weight:850}.metric-card strong{margin:2px 0;font-size:22px}.metric-card div>span{color:#647992;font-size:10px}.section-block{background:#07101eb3;border:1px solid #5b89c333;border-radius:21px;padding:22px}.section-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.section-head h2{letter-spacing:-.025em;margin:3px 0 4px;font-size:24px}.section-head p{color:#7287a2;margin:0;font-size:12px}.section-badge,.demo-badge,.catalog-note{color:#7991af;letter-spacing:.06em;background:#071222b3;border:1px solid #5387cd38;border-radius:10px;padding:8px 11px;font-size:9px;font-weight:800}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.module-flip{perspective:1300px;cursor:pointer;height:390px}.module-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.74,.26,1);position:relative}.module-flip.is-flipped .module-flip-inner{transform:rotateY(180deg)}.module-face{backface-visibility:hidden;background:linear-gradient(155deg,#0a172af7,#050e1bfa);border:1px solid #5385c53d;border-radius:18px;padding:16px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.module-face:after{content:"";filter:blur(6px);background:#4c7fff17;border-radius:50%;width:170px;height:170px;position:absolute;top:-70px;right:-70px}.accent-violet .module-face:after{background:#8053ff1a}.accent-cyan .module-face:after{background:#2abdff17}.accent-green .module-face:after{background:#32d39e14}.module-front{flex-direction:column;gap:12px;display:flex}.module-back{flex-direction:column;gap:13px;display:flex;transform:rotateY(180deg)}.module-card-topline{letter-spacing:.12em;color:#6d9cf2;z-index:2;justify-content:space-between;align-items:center;gap:12px;font-size:9px;font-weight:850;display:flex}.module-card-topline strong{color:#c7d8f1;font-size:11px}.module-icon-stage{background:radial-gradient(circle,#4880ff1f,#0000 60%),#050f1c99;border:1px solid #4e7cb533;border-radius:15px;place-items:center;height:118px;display:grid}.module-icon-stage svg{color:#6d9cff;filter:drop-shadow(0 0 18px #4681ff3d);width:48px;height:48px}.accent-violet .module-icon-stage svg{color:#9277ff}.accent-cyan .module-icon-stage svg{color:#55caff}.accent-green .module-icon-stage svg{color:#54d9ae}.module-copy h3,.module-back h3{letter-spacing:-.025em;margin:0;font-size:19px}.module-copy p{color:#8397b2;min-height:55px;margin:7px 0 0;font-size:11px;line-height:1.5}.module-card-bottom{margin-top:auto}.module-status-row{color:#71849d;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:10px;display:flex}.flip-hint{color:#51667f;margin-top:10px;font-size:9px;display:block}.status-pill{color:#89a0bb;letter-spacing:.06em;background:#101f33bd;border:1px solid #5d8bc53b;border-radius:999px;justify-content:center;align-items:center;padding:5px 8px;font-size:8px;font-weight:850;display:inline-flex}.status-pill.done{color:#75e2bd;background:#1c7a5e1f;border-color:#3dca9e47}.status-pill.warning{color:#e7b847;background:#7a550d1f;border-color:#ecb33440}.module-back>h3{z-index:2}.module-detail-grid{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.module-detail-grid>div{background:#050e1a8c;border:1px solid #5580b92e;border-radius:10px;padding:10px}.module-detail-grid span,.module-detail-grid strong{display:block}.module-detail-grid span{color:#657b97;letter-spacing:.08em;text-transform:uppercase;font-size:8px}.module-detail-grid strong{margin-top:3px;font-size:11px}.module-back-actions{z-index:2;gap:8px;margin-top:auto;display:grid}.dashboard-bottom-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.activity-card,.challenge-teaser{border:1px solid var(--line);background:#081221bd;border-radius:19px;min-height:250px;padding:22px}.section-mini-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.section-mini-head h3,.challenge-teaser h3{margin:4px 0 0;font-size:20px}.section-mini-head>svg{color:#679aff;width:23px}.empty-activity{text-align:center;color:#7b90aa;flex-direction:column;justify-content:center;align-items:center;height:160px;display:flex}.empty-orb{color:#6d9eff;background:#437eff17;border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:12px;display:grid}.empty-orb svg{width:24px}.empty-activity strong{color:#c8d7e9;font-size:13px}.empty-activity p{max-width:480px;margin:6px 0 0;font-size:10px;line-height:1.5}.challenge-teaser{background:radial-gradient(circle at 78% 25%,#5c45ff21,#0000 30%),linear-gradient(145deg,#0b182df5,#060f1ef5);grid-template-columns:1fr auto;align-items:center;column-gap:18px;display:grid}.challenge-teaser>div:first-child p{color:#8195af;max-width:560px;font-size:11px;line-height:1.55}.challenge-progress-big{align-items:baseline;gap:6px;display:flex}.challenge-progress-big strong{letter-spacing:-.05em;font-size:50px}.challenge-progress-big span{color:#788ca5;font-size:10px;line-height:1.35}.challenge-teaser .btn{justify-self:start}.page-title-card{border:1px solid var(--line);background:radial-gradient(circle at 86% 30%,#4d66ff1a,#0000 25%),#081221c7;border-radius:22px;align-items:center;gap:18px;min-height:155px;padding:25px 28px;display:flex}.page-title-icon{color:#72a2ff;background:#3d78ff1a;border:1px solid #4f8eff38;border-radius:17px;flex:0 0 64px;place-items:center;width:64px;height:64px;display:grid}.page-title-icon svg{width:30px}.page-title-card h1{letter-spacing:-.035em;margin:4px 0 5px;font-size:34px}.page-title-card p{color:#8497b1;margin:0;font-size:12px;line-height:1.55}.simple-card-grid{gap:12px;display:grid}.lesson-list-card,.material-global-card{border:1px solid var(--line);background:#081221bd;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:132px;padding:18px;display:grid}.lesson-number{color:#6f9eff;background:#396fe417;border:1px solid #4b8aff3b;border-radius:16px;place-items:center;width:66px;height:66px;font:800 18px/1 ui-monospace,monospace;display:grid}.lesson-list-card h3,.material-global-card h3{margin:3px 0 5px;font-size:18px}.lesson-list-card p,.material-global-card p{color:#7f93ad;margin:0;font-size:11px}.lesson-list-meta{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.lesson-list-meta span{color:#758ba6;border:1px solid #5782b82b;border-radius:8px;padding:5px 8px;font-size:9px}.pdf-icon{color:#fff;background:linear-gradient(135deg,#e45c6f,#ff7e8d);border-radius:13px;place-items:center;width:54px;height:54px;font-size:11px;font-weight:900;display:grid}.pdf-icon.alt{background:linear-gradient(135deg,#3f83ff,#7658ff)}.exercise-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.exercise-type-card{border:1px solid var(--line);background:#081221bd;border-radius:19px;flex-direction:column;min-height:330px;padding:22px;display:flex}.exercise-type-card.featured{background:radial-gradient(circle at 80% 15%,#3f76ff29,#0000 32%),#081221db;border-color:#528dff57}.exercise-type-icon{color:#73a2ff;background:#3e7aff1a;border:1px solid #528eff38;border-radius:15px;place-items:center;width:55px;height:55px;margin-bottom:18px;display:grid}.exercise-type-icon svg{width:26px}.exercise-type-card h3{margin:5px 0 7px;font-size:22px}.exercise-type-card p{color:#8195af;margin:0 0 18px;font-size:11px;line-height:1.6}.exercise-type-card .btn{margin-top:auto}.size-picker{gap:7px;margin:8px 0 16px;display:flex}.size-picker button{color:#7890ad;cursor:pointer;background:#08111fb8;border:1px solid #5c86be33;border-radius:9px;flex:1;min-height:38px;font-weight:800}.size-picker button.active{color:#d7e5ff;background:#366ad73b;border-color:#5c95ff8c}.info-strip{background:#2450a514;border:1px solid #4789ff33;border-radius:15px;align-items:flex-start;gap:13px;padding:17px 18px;display:flex}.info-strip>svg{color:#71a2ff;flex:0 0 23px;width:23px}.info-strip strong{font-size:12px;display:block}.info-strip p{color:#7c91ac;margin:4px 0 0;font-size:10px}.challenges-title-card{justify-content:space-between}.challenge-total{align-items:baseline;gap:8px;display:flex}.challenge-total strong{letter-spacing:-.06em;font-size:52px}.challenge-total span{color:#7489a4;font-size:10px;line-height:1.4}.challenge-total b{margin-left:12px;font-size:30px}.challenge-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.challenge-category-card{text-align:left;cursor:pointer;min-height:186px;color:inherit;background:#06101eb8;border:1px solid #537fb830;border-radius:15px;padding:14px;transition:all .18s}.challenge-category-card:hover,.challenge-category-card.active{background:#0b1b32ed;border-color:#5191ff8c;transform:translateY(-1px)}.challenge-category-card>div:first-child{color:#5f8ee4;letter-spacing:.1em;justify-content:space-between;font-size:8px;font-weight:850;display:flex}.challenge-category-card h3{margin:7px 0 5px;font-size:15px}.challenge-category-card p{color:#7086a2;min-height:47px;margin:0;font-size:9px;line-height:1.5}.category-count{justify-content:space-between;align-items:center;gap:8px;margin:12px 0 8px;display:flex}.category-count strong{font-size:11px}.category-count span{color:#647b97;font-size:8px}.challenge-browser{border:1px solid var(--line);background:#07101eb3;border-radius:19px;padding:16px}.browser-controls{border-bottom:1px solid #537fb51f;grid-template-columns:minmax(0,1fr) 180px auto;align-items:center;gap:10px;padding-bottom:14px;display:grid}.search-field{background:#050e1bb3;border:1px solid #5a84bc33;border-radius:11px;align-items:center;gap:9px;min-height:44px;padding:0 12px;display:flex}.search-field svg{color:#617995;width:17px}.search-field input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.browser-controls select{color:#b9c8db;background:#081426;border:1px solid #5a84bc33;border-radius:11px;min-height:44px;padding:0 11px}.challenge-list-head{color:#8397b1;justify-content:space-between;padding:14px 2px 10px;font-size:10px;font-weight:800;display:flex}.challenge-list-head>div{align-items:center;gap:8px;display:flex}.status-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot.pending{background:#e2aa36;box-shadow:0 0 10px #e2aa3655}.status-dot.info{background:#5c9cff;box-shadow:0 0 10px #5c9cff55}.challenge-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.challenge-card{text-align:left;min-height:152px;color:inherit;cursor:pointer;background:linear-gradient(145deg,#281e0e5c,#0a121ee0);border:1px solid #cf9a282e;border-radius:13px;padding:13px;transition:all .18s}.challenge-card:hover{border-color:#ebaf2c73;transform:translateY(-1px)}.challenge-card-head{justify-content:flex-start;align-items:center;gap:7px;display:flex}.challenge-card-head strong{color:#e6b84f;font:800 11px/1 ui-monospace,monospace}.challenge-card h3{margin:12px 0 18px;font-size:14px}.challenge-tags{flex-wrap:wrap;gap:5px;display:flex}.challenge-tags span{color:#7388a4;border:1px solid #4f80c02e;border-radius:7px;padding:4px 6px;font-size:7px}.challenge-card-foot{color:#627995;justify-content:space-between;margin-top:13px;font-size:8px;display:flex}.challenge-card-foot span:first-child{color:#84a8f8;font-weight:800}.empty-search{text-align:center;color:#6e839e;padding:38px}.ranking-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:15px;display:grid}.ranking-card,.ranking-side{border:1px solid var(--line);background:#081221bf;border-radius:19px;padding:20px}.ranking-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.ranking-card-head h3{margin:4px 0 0;font-size:20px}.ranking-row{border-top:1px solid #527eb61c;grid-template-columns:52px 42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;padding:8px 10px;display:grid}.ranking-row.is-you{background:#3769d61a;border:1px solid #5290ff4a;border-radius:12px;margin:4px -4px;padding-left:14px;padding-right:14px}.rank-position{color:#7287a3;font:800 13px/1 ui-monospace,monospace}.rank-avatar{color:#88abf5;background:#4277e824;border-radius:10px;place-items:center;width:36px;height:36px;font-size:9px;font-weight:900;display:grid}.ranking-row strong,.ranking-row small{display:block}.ranking-row strong{font-size:12px}.ranking-row small{color:#5e748f;margin-top:3px;font-size:8px}.ranking-row>b{color:#9db7e4;font-size:11px}.ranking-side h3{margin:5px 0 8px;font-size:24px}.ranking-side>p{color:#8194ae;font-size:11px;line-height:1.6}.ranking-feature{border-top:1px solid #5782b81f;align-items:center;gap:11px;padding:12px 0;display:flex}.ranking-feature>svg{color:#689aff;width:21px}.ranking-feature strong,.ranking-feature small{display:block}.ranking-feature strong{font-size:11px}.ranking-feature small{color:#657b96;margin-top:2px;font-size:8px}.profile-layout{grid-template-columns:360px minmax(0,1fr);gap:15px;display:grid}.profile-card,.profile-edit-card{border:1px solid var(--line);background:#081221c2;border-radius:20px;padding:25px}.profile-card{text-align:center}.profile-avatar-xl{background:linear-gradient(145deg,#2e7ce8,#6549e2);border-radius:28px;place-items:center;width:104px;height:104px;margin:0 auto 18px;font-size:30px;font-weight:900;display:grid;box-shadow:0 18px 45px #3d60e62e}.profile-card h2{margin:6px 0 3px}.profile-card>p{color:#748aa5;margin:0;font-size:10px}.profile-stats{border-top:1px solid #5783ba24;grid-template-columns:repeat(3,1fr);margin-top:24px;padding-top:20px;display:grid}.profile-stats strong,.profile-stats span{display:block}.profile-stats strong{font-size:17px}.profile-stats span{color:#617791;margin-top:3px;font-size:8px}.profile-edit-card h3{margin:6px 0 18px;font-size:22px}.profile-edit-card .btn{margin-top:8px}.save-confirm{color:#63d8ae;margin-left:10px;font-size:10px}.success-text{color:#61d7ae!important}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#01050bc7;place-items:center;padding:22px;animation:.18s both fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.module-modal,.challenge-modal{background:linear-gradient(160deg,#081629,#050e1c);border:1px solid #5b91d74d;border-radius:23px;width:min(1320px,100%);max-height:calc(100vh - 44px);overflow:auto;box-shadow:0 36px 120px #0000008c}.module-modal-head,.challenge-modal-head{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07111ff0;border-bottom:1px solid #5280b929;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;min-height:112px;padding:20px 22px;display:grid;position:sticky;top:0}.module-modal-head h2,.challenge-modal-head h2{letter-spacing:-.035em;margin:4px 0;font-size:26px}.module-modal-head p,.challenge-modal-head p{color:#768ba6;margin:0;font-size:10px}.module-head-stats{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.module-head-stats span{color:#7d91ab;border:1px solid #5382bc33;border-radius:9px;padding:7px 9px;font-size:9px}.module-tabs{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060f1ceb;border-bottom:1px solid #5280b91a;gap:8px;padding:12px 22px;display:flex;position:sticky;top:112px}.module-tabs button{color:#7c90aa;cursor:pointer;background:#0a1627cc;border:1px solid #5682ba2e;border-radius:999px;min-height:38px;padding:8px 13px;font-size:10px;font-weight:800}.module-tabs button.active{color:#fff;background:linear-gradient(110deg,#3c85f4,#7155f5);border-color:#5b91ff99}.module-modal-body{padding:20px 22px 24px}.lesson-layout{grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:15px;display:grid}.video-placeholder{background:linear-gradient(145deg,#030811,#08162a);border:1px solid #5b87bf3b;border-radius:18px;place-items:center;min-height:500px;display:grid;position:relative;overflow:hidden}.video-code-bg{opacity:.18;color:#6898dd;flex-direction:column;justify-content:center;padding:54px;font:clamp(18px,2.3vw,38px)/1.7 ui-monospace,monospace;display:flex;position:absolute;inset:0;transform:rotate(-4deg)scale(1.06)}.video-play{color:#fff;z-index:2;cursor:not-allowed;background:linear-gradient(145deg,#2d84ffe0,#704bf5e0);border:1px solid #6e9bff8c;border-radius:50%;place-items:center;width:80px;height:80px;display:grid;box-shadow:0 18px 60px #3b66ef42}.video-play svg{width:35px}.video-footer{color:#6f849f;justify-content:space-between;gap:12px;font-size:9px;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.lesson-info-card{background:#0a1628db;border:1px solid #5986c040;border-radius:18px;flex-direction:column;min-height:500px;padding:20px;display:flex}.lesson-info-card.watched{background:linear-gradient(160deg,#0b2a26c7,#081623e6);border-color:#37cfa152}.lesson-info-card h3{margin:7px 0 6px;font-size:24px}.lesson-info-card>p{color:#8094af;margin:0 0 17px;font-size:11px;line-height:1.55}.lesson-info-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lesson-info-grid>div{background:#050e1b85;border:1px solid #5682b92e;border-radius:11px;padding:12px}.lesson-info-grid span,.lesson-info-grid strong{display:block}.lesson-info-grid span,.lesson-status span{color:#6f85a0;letter-spacing:.08em;font-size:8px;font-weight:800}.lesson-info-grid strong{margin-top:4px;font-size:12px}.lesson-status{border-bottom:1px solid #5380b71f;justify-content:space-between;gap:10px;padding:13px 0;display:flex}.lesson-status strong{font-size:10px}.lesson-info-card .btn{margin-top:10px}.placeholder-panel{text-align:center;background:#07111fa3;border:1px solid #5380b82b;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:36px;display:flex}.placeholder-icon{color:#6c9dff;background:#3c78ff1a;border-radius:20px;place-items:center;width:70px;height:70px;margin-bottom:15px;display:grid}.placeholder-icon svg{width:32px}.placeholder-panel h3{margin:7px 0;font-size:25px}.placeholder-panel p{color:#7d92ad;max-width:650px;margin:0;font-size:11px;line-height:1.6}.placeholder-tags{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:18px;display:flex}.placeholder-tags span{color:#7389a5;border:1px solid #5582bb33;border-radius:9px;padding:7px 9px;font-size:8px}.material-placeholder-list{gap:10px;display:grid}.material-card{background:#081323b8;border:1px solid #5784bd2e;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:90px;padding:15px;display:grid}.material-card strong{font-size:13px}.material-card p{color:#7388a3;margin:3px 0 0;font-size:9px}.muted-card{opacity:.82}.challenge-modal{width:min(1460px,100%)}.challenge-id-row{align-items:center;gap:7px;display:flex}.challenge-id-row>strong{color:#e4b64c;margin-right:2px;font:900 12px/1 ui-monospace,monospace}.challenge-workspace{grid-template-columns:minmax(360px,.7fr) minmax(0,1.3fr);min-height:650px;display:grid}.problem-pane{background:#07111fb3;border-right:1px solid #5481b829;padding:24px}.problem-pane h3{margin:8px 0;font-size:25px}.problem-pane>p{color:#8195af;font-size:11px;line-height:1.65}.problem-section{margin-top:22px}.problem-section strong{font-size:12px}.problem-section p{color:#7b90aa;margin:6px 0;font-size:10px;line-height:1.5}.io-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.io-grid>div{background:#040d19b3;border:1px solid #5783ba2e;border-radius:11px;padding:12px}.io-grid span{color:#687e99;text-transform:uppercase;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.io-grid code{color:#b9cbea;font:800 12px/1.4 ui-monospace,monospace}.editor-pane{background:#040a12;flex-direction:column;min-width:0;padding:18px;display:flex}.editor-toolbar{color:#7187a1;background:#091423;border:1px solid #4e7bb42b;border-radius:11px 11px 0 0;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-size:9px;display:flex}.editor-toolbar>div{align-items:center;gap:7px;display:flex}.language-dot{background:#5198ff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #5198ff88}.code-editor{resize:vertical;color:#d5e1f0;tab-size:4;background:#02070d;border:0;border-left:1px solid #4e7bb42b;border-right:1px solid #4e7bb42b;outline:0;flex:1;min-height:450px;padding:18px;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.judge-message{color:#788da7;background:#07111f;border:1px solid #4f7eb929;align-items:center;gap:9px;min-height:48px;padding:10px 12px;display:flex}.judge-message p{margin:0;font-size:9px;line-height:1.4}.submission-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;margin-top:10px;display:grid}.submission-lock{color:#7c91aa;background:#081221b8;border:1px solid #5683bc2b;border-radius:12px;align-items:center;gap:10px;min-height:58px;padding:9px 12px;display:flex}.submission-lock>svg{color:#6b9eff;flex:0 0 20px;width:20px}.submission-lock span,.submission-lock small{display:block}.submission-lock span{font-size:9px}.submission-lock small{color:#5c718b;margin-top:3px;font-size:7px}.module-lesson-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px;display:grid}.module-lesson-picker button{text-align:left;cursor:pointer;background:#061427cc;border:1px solid #5384c747;border-radius:10px;align-items:center;gap:10px;min-height:55px;padding:9px 12px;display:flex}.module-lesson-picker button.active{background:linear-gradient(110deg,#285cb840,#3b2a9138);border-color:#5c97ffc7}.module-lesson-picker button span{color:#82adf4;white-space:nowrap;font-size:10px;font-weight:800}.module-lesson-picker button strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.module-lesson-picker button svg{color:#63d8ae;flex:none;width:16px;height:16px;margin-left:auto}.lesson-video-player{object-fit:contain;background:#02070d;width:100%;min-height:500px;max-height:65vh;display:block}.video-unavailable{z-index:1;text-align:center;justify-items:center;gap:8px;padding:24px;display:grid;position:relative}.video-unavailable svg{color:#79a8ff;border:1px solid #5b91ff70;border-radius:50%;width:52px;height:52px;padding:12px}.video-unavailable strong{font-size:16px}.video-unavailable p{color:#849bb9;margin:0;font-size:11px}@media (max-width:650px){.module-lesson-picker{grid-template-columns:1fr}.lesson-video-player{min-height:260px}}.boot-screen{color:#7c91ac;align-content:center;place-items:center;gap:12px;min-height:100vh;display:grid}.boot-mark{color:#8ab0ff;background:#336bda1f;border:1px solid #5692ff6b;border-radius:18px;place-items:center;width:64px;height:64px;font:900 28px/1 ui-monospace,monospace;display:grid;box-shadow:0 0 50px #4276ff21}.boot-screen span{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}@media (max-width:1240px){.topbar{grid-template-columns:1fr auto}.topnav{grid-area:2/1/auto/-1;justify-content:flex-start;padding-top:4px;overflow-x:auto}.profile-menu{grid-area:1/2}.dashboard-hero{grid-template-columns:minmax(0,1fr) 300px}.hero-code-art{opacity:.45;width:330px;position:absolute;right:310px}.next-step-card{grid-column:2}.metric-grid,.module-grid,.challenge-category-grid,.challenge-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.dashboard-next{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:21px 22px}.dashboard-next-action{min-height:46px}.dashboard-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-focus-card{grid-template-columns:42px minmax(0,1fr)}.dashboard-focus-card>.btn{grid-column:2;justify-self:start}.topbar{width:calc(100% - 20px);margin-top:10px;top:6px}.app-content,.app-footer{width:calc(100% - 20px)}.profile-copy{display:none}.dashboard-hero{grid-template-columns:1fr;padding:24px}.dashboard-hero-copy{padding-right:0}.hero-code-art{display:none}.next-step-card{grid-column:auto}.dashboard-bottom-grid,.ranking-grid,.profile-layout,.exercise-type-grid,.lesson-layout{grid-template-columns:1fr}.video-placeholder{min-height:390px}.lesson-info-card{min-height:auto}.challenge-workspace{grid-template-columns:1fr}.problem-pane{border-bottom:1px solid #5481b829;border-right:0}.module-modal-head,.challenge-modal-head{grid-template-columns:minmax(0,1fr) auto}.module-head-stats{grid-column:1/-1;justify-content:flex-start}}@media (max-width:650px){.dashboard-next{grid-template-columns:1fr;gap:12px;padding:19px 18px}.dashboard-next h1{font-size:29px}.dashboard-next-action{justify-self:start;min-height:44px}.metric-grid.dashboard-metrics{grid-template-columns:1fr;gap:9px}.dashboard-metrics .metric-card{min-height:78px}.dashboard-lesson-grid{grid-template-columns:1fr}.dashboard-lesson-card{min-height:190px}.dashboard-lessons{padding:17px 15px 8px}.dashboard-lessons .section-head{align-items:flex-start}.dashboard-all-lessons{white-space:nowrap;gap:4px;font-size:10px}.dashboard-focus-grid{grid-template-columns:1fr;gap:9px}.dashboard-focus-card{min-height:118px;padding:15px}.login-page{padding:24px 16px}.login-auth-shell{gap:16px}.login-card{padding:23px 20px 20px}.login-mascot-wrap{height:86px}.login-mascot{width:112px;height:112px}.login-brand-lockup .brand-mark{width:38px;height:38px}.login-brand-lockup strong{font-size:13px}.login-brand-lockup small{font-size:8px;display:block}.topbar{border-radius:15px;grid-template-columns:1fr auto;padding:9px}.brand-lockup strong{font-size:12px}.brand-lockup small{display:none}.brand-mark{border-radius:10px;width:36px;height:36px}.profile-button{background:0 0;border:0;padding:2px}.logout-button{width:38px;height:38px}.topnav{margin:0 -2px -2px}.topnav :is(button,a){flex:none;padding:8px 10px}.topnav :is(button,a) span{display:none}.topnav :is(button,a) svg{width:18px;height:18px}.app-content{margin-top:14px}.dashboard-hero{border-radius:19px;padding:20px 16px}.dashboard-hero-copy h1{font-size:42px}.dashboard-hero-copy>p{font-size:13px}.hero-progress-foot{flex-direction:column;align-items:flex-start;gap:4px}.metric-grid,.module-grid,.challenge-category-grid,.challenge-card-grid{grid-template-columns:1fr}.module-flip{height:370px}.section-block,.challenge-browser{padding:14px}.section-head{flex-direction:column}.challenge-teaser{grid-template-columns:1fr}.challenge-progress-big{margin:5px 0 12px}.page-title-card{min-height:130px;padding:20px 16px}.page-title-icon{flex-basis:52px;width:52px;height:52px}.page-title-card h1{font-size:27px}.challenges-title-card{flex-direction:column;align-items:flex-start}.challenge-total strong{font-size:40px}.browser-controls{grid-template-columns:1fr}.catalog-note{justify-self:start}.lesson-list-card,.material-global-card{grid-template-columns:auto minmax(0,1fr)}.lesson-list-card>.btn,.material-global-card>.btn{grid-column:1/-1}.modal-backdrop{padding:8px}.module-modal,.challenge-modal{border-radius:16px;max-height:calc(100vh - 16px)}.module-modal-head,.challenge-modal-head{min-height:auto;padding:14px}.module-modal-head h2,.challenge-modal-head h2{font-size:21px}.module-tabs{padding:10px 14px;top:0;overflow-x:auto}.module-tabs button{flex:none}.module-modal-body{padding:13px}.video-placeholder{min-height:280px}.video-code-bg{padding:22px;font-size:18px}.problem-pane,.editor-pane{padding:14px}.io-grid{grid-template-columns:1fr}.code-editor{min-height:330px;font-size:12px}.submission-row{grid-template-columns:1fr}.app-footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){.btn,.field input,.password-toggle{transition:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.module-flip-inner{transition:none}}@media (max-width:1240px){.dashboard-home .dashboard-top-grid{grid-template-columns:1fr}.dashboard-home .dashboard-feature{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.dashboard-home .dashboard-progress-panel{min-height:auto}.dashboard-progress-items{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-progress-item{min-height:76px}.dashboard-progress-actions{width:min(100%,360px);margin-left:auto}.dashboard-track-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.dashboard-home .dashboard-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-home .dashboard-focus-grid{grid-template-columns:1fr}.dashboard-home .dashboard-focus-card{grid-template-columns:62px minmax(0,1fr) auto}.dashboard-home .dashboard-focus-card>.btn{grid-column:auto;justify-self:end}}@media (max-width:780px){.dashboard-home .dashboard-feature{grid-template-columns:1fr;min-height:335px}.dashboard-c-illustration{display:none}.dashboard-feature-copy>p{max-width:510px}.dashboard-progress-items{grid-template-columns:1fr}.dashboard-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.app-root-home .topbar{padding:9px}.dashboard-home{gap:13px}.dashboard-home .dashboard-feature{min-height:340px;padding:22px 19px}.dashboard-feature-copy h1{font-size:clamp(32px,9vw,42px)}.dashboard-feature-copy>p{margin-bottom:19px;font-size:12px}.dashboard-feature-lesson{font-size:15px}.dashboard-feature-action{min-width:195px}.dashboard-home .dashboard-progress-panel{padding:16px}.dashboard-track-grid,.dashboard-home .dashboard-lesson-grid{grid-template-columns:1fr}.dashboard-home .dashboard-lesson-card{min-height:142px}.dashboard-home .dashboard-focus-card{grid-template-columns:50px minmax(0,1fr);gap:11px}.dashboard-focus-icon{width:50px;height:50px}.dashboard-home .dashboard-focus-card>.btn{grid-column:2;justify-self:start}.dashboard-section-head h2,.dashboard-home .dashboard-lessons .dashboard-section-head h2{font-size:17px}.dashboard-section-head button{font-size:10px}}.topnav a,.brand-lockup,.profile-button{text-decoration:none}.form-help,.password-strength{color:#a9bbd7;font-size:.8rem}
.studio-page{--sp-line:#3f79c247;--sp-surface:#061427e6;--sp-muted:#91add0;--sp-blue:#62a0ff;color:#f4f7ff;gap:16px;display:grid}.studio-page button{cursor:pointer}.studio-page svg{flex:none;width:20px;height:20px}.studio-page h1,.studio-page h2,.studio-page h3,.studio-page p{margin-top:0}.studio-page .studio-eyebrow{color:#6da9ff;letter-spacing:.15em;font-size:11px;font-weight:850;display:block}.studio-panel,.studio-hero,.studio-module-row,.studio-material-row,.studio-exercise-card,.studio-challenge-filter-panel,.studio-challenge-card,.studio-ranking-hero,.studio-ranking-table-wrap,.studio-my-rank,.studio-info-strip{border:1px solid var(--sp-line);background:linear-gradient(155deg,#081a32e6,#040f1ef0);border-radius:15px;box-shadow:0 16px 48px #00000024,inset 0 1px #84b3ff09}.studio-button{white-space:nowrap;color:#f6f9ff;border:1px solid #5893ee6e;border-radius:11px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:10px 18px;font-size:13px;font-weight:750;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:inline-flex}.studio-button:hover{border-color:#7fb1ff;transform:translateY(-2px)}.studio-button-primary{background:linear-gradient(115deg,#2b83f9,#6743f6);box-shadow:0 12px 27px #2e58ea2b,inset 0 1px #ffffff29}.studio-button-primary:hover{box-shadow:0 14px 33px #3463f447}.studio-button-secondary{background:#081c37c7}.studio-progress{background:#1a3457;border-radius:99px;min-width:70px;height:8px;display:block;overflow:hidden}.studio-progress>span{border-radius:inherit;background:linear-gradient(90deg,#3297ff,#6c52fa);height:100%;display:block;box-shadow:0 0 13px #4489ff88}.studio-module-badge{border:1px solid var(--tone);background:linear-gradient(140deg,color-mix(in srgb,var(--tone) 29%,transparent),#07162cd9);width:60px;height:60px;box-shadow:inset 0 1px #ffffff1f,0 0 18px color-mix(in srgb,var(--tone) 15%,transparent);color:#fff;border-radius:14px;flex:none;place-items:center;font-size:19px;font-weight:850;display:grid}.studio-hero{isolation:isolate;background:radial-gradient(circle at 76% 55%,#363abc40,#0000 40%),radial-gradient(circle at 0 0,#2a3bc133,#0000 32%),linear-gradient(120deg,#07172f,#041326 75%);align-items:center;min-height:225px;padding:34px 36px;display:flex;position:relative;overflow:hidden}.studio-hero:before,.studio-ranking-hero:before{content:"";z-index:-1;opacity:.26;background-image:linear-gradient(#356cc32b 1px,#0000 1px),linear-gradient(90deg,#356cc32b 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 18%,#000 86%);mask-image:linear-gradient(90deg,#0000 18%,#000 86%)}.studio-hero-copy{z-index:2;width:min(54%,680px);position:relative}.studio-hero h1{letter-spacing:-.045em;margin:8px 0;font-size:clamp(30px,3.1vw,49px);font-weight:850;line-height:1.07}.studio-hero h1 em{color:#458eff;font-style:normal}.studio-hero-copy>p{color:#aac6ec;max-width:610px;margin:0;font-size:15px;line-height:1.48}.studio-art{pointer-events:none;perspective:650px;width:45%;position:absolute;top:0;bottom:0;right:18px}.studio-code-window{background:linear-gradient(135deg,#081c4dd9,#080a378c);border:1px solid #4372f6ab;border-radius:14px;width:70%;height:68%;padding:16px 20px;position:absolute;top:18%;right:5%;transform:rotateY(-11deg)rotate(5deg);box-shadow:0 0 55px #403ff224,inset 0 0 40px #2a41cd14}.studio-code-window code{color:#5589fc;opacity:.7;font:12px/1.55 ui-monospace,Consolas,monospace}.studio-code-window>span{letter-spacing:-.11em;color:#5776ff;text-shadow:0 0 28px #4450ffa6,0 10px 35px #2e47cf73;-webkit-text-stroke:2px #a497ff;font-size:clamp(100px,11vw,195px);font-weight:850;line-height:1;position:absolute;top:4%;right:7%}.studio-art-tile{z-index:2;color:#648eff;background:linear-gradient(135deg,#091f57ed,#0e0f45e8);border:1px solid #4d77f3;border-radius:14px;place-items:center;width:78px;height:78px;display:grid;position:absolute;transform:rotate(5deg);box-shadow:0 12px 25px #00000040,0 0 22px #4a41e62e}.studio-art-tile svg{width:32px;height:32px}.studio-art .tile-one{top:46%;left:10%;transform:rotate(-7deg)}.studio-art .tile-two{color:#956bff;border-color:#7b53f2;bottom:8%;left:32%;transform:rotate(5deg)}.studio-art-materials .studio-art-tile{flex-direction:column;gap:5px;width:96px;height:99px;font-size:12px;font-weight:850;display:flex}.studio-art-materials .tile-one{color:#fd69d6;border-color:#b943ba;top:24%;left:20%;transform:rotate(-11deg)}.studio-art-materials .tile-two{color:#62b2ff;top:9%;left:46%;transform:rotate(8deg)}.studio-art-materials .tile-three{color:#c48aff;top:31%;left:72%;transform:rotate(13deg)}.studio-folder{color:#b7c9ff;background:linear-gradient(130deg,#3c67fb,#4628bb);border:1px solid #8b74ff;border-radius:16px;place-items:center;width:140px;height:90px;font-size:42px;font-weight:850;display:grid;position:absolute;bottom:-24px;left:42%;transform:rotate(-3deg);box-shadow:0 0 40px #5548f577}.studio-panel{padding:20px}.studio-panel-title{align-items:center;gap:12px;margin:0 0 18px;font-size:16px;display:flex}.studio-panel-title svg{color:#6299ff}.studio-two-column{grid-template-columns:minmax(0,1fr) 370px;gap:15px;display:grid}.studio-main-column,.studio-sidebar{align-content:start;gap:15px;min-width:0;display:grid}.studio-module-list{gap:10px;display:grid}.studio-module-row{grid-template-columns:70px minmax(0,1fr) 260px 170px;align-items:center;gap:20px;min-height:105px;padding:15px 18px;transition:border-color .2s,background .2s;display:grid}.studio-module-row:hover{border-color:color-mix(in srgb,var(--tone) 65%,transparent);background:linear-gradient(130deg,color-mix(in srgb,var(--tone) 8%,#061529),#061426)}.studio-module-row:first-child{border-color:#3087ff;box-shadow:inset 0 0 0 1px #3486ff57,0 0 22px #2757d51a}.studio-module-copy h2,.studio-material-module h2{letter-spacing:-.025em;margin:3px 0 2px;font-size:18px}.studio-module-copy p,.studio-material-module p{color:#a7bddd;margin:0;font-size:12px;line-height:1.3}.studio-module-copy .studio-eyebrow,.studio-material-module .studio-eyebrow{font-size:10px}.studio-chips{flex-wrap:wrap;gap:8px;margin-top:7px;display:flex}.studio-chips span{color:#aac4e8;border:1px solid #386fb552;border-radius:6px;align-items:center;gap:5px;min-height:23px;padding:3px 7px;font-size:10px;display:flex}.studio-chips svg{width:13px;height:13px}.studio-module-progress{align-items:center;gap:13px;display:flex}.studio-module-progress .studio-progress{flex:1}.studio-module-progress strong{font-size:12px}.studio-progress-summary{background:#0412258c;border:1px solid #386db442;border-radius:12px;align-items:center;gap:20px;min-height:148px;padding:17px;display:flex}.studio-donut{--progress:0%;background:conic-gradient(#4f8aff var(--progress),#10305a var(--progress));border-radius:50%;flex:none;place-items:center;width:116px;height:116px;display:grid;position:relative}.studio-donut:before{content:"";background:#06162a;border-radius:50%;position:absolute;inset:15px}.studio-donut strong{font-size:23px;position:relative}.studio-progress-summary>div:last-child strong{font-size:16px}.studio-progress-summary p{color:#9cb7db;margin:7px 0 0;font-size:12px;line-height:1.5}.studio-mini-stats{grid-template-columns:1fr 1fr;gap:9px;margin-top:9px;display:grid}.studio-mini-stats>div{border:1px solid #3265aa38;border-radius:10px;grid-template-columns:34px 1fr;align-content:center;column-gap:8px;min-height:79px;padding:11px;display:grid}.studio-mini-stats svg{color:#65a1ff;grid-row:span 2}.studio-mini-stats strong{font-size:17px}.studio-mini-stats span{color:#a4bee2;font-size:11px;line-height:1.3}.studio-reason{align-items:center;gap:13px;margin-top:14px;display:flex}.studio-reason>span{color:#67a0ff;background:#1433687a;border:1px solid #477ad347;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;display:grid}.studio-reason strong{font-size:12px}.studio-reason p{color:#a2bada;margin:3px 0 0;font-size:11px;line-height:1.35}.studio-start-card{text-align:left;background:linear-gradient(110deg,#0d3171b8,#0d1248ba);border:1px solid #3a6ef08f;border-radius:14px;align-items:center;gap:14px;width:100%;min-height:107px;padding:17px;display:flex}.studio-start-card>svg:first-child{color:#8cb5ff;border:1px solid #5576ed;border-radius:10px;width:44px;height:44px;padding:9px}.studio-start-card>span{flex:1}.studio-start-card strong,.studio-start-card small{display:block}.studio-start-card strong{font-size:13px}.studio-start-card small{color:#a9c3e5;margin-top:4px;font-size:11px;line-height:1.4}.studio-start-card>svg:last-child{color:#82a7ff}.studio-material-top{grid-template-columns:minmax(0,1fr) 490px;gap:15px;display:grid}.studio-material-top .studio-hero{min-height:195px}.studio-material-filters{align-content:center;gap:22px;padding:24px;display:grid}.studio-search{color:#8db6f5;background:#0a1b32d4;border:1px solid #4680d35c;border-radius:11px;align-items:center;gap:13px;min-height:52px;padding:0 15px;display:flex}.studio-search input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:13px}.studio-search input::placeholder{color:#90aacb}.studio-filter-pills{flex-wrap:wrap;gap:8px;display:flex}.studio-filter-pills button,.studio-category-pills button{color:#d4e1f8;background:#06162cb8;border:1px solid #4371b752;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:38px;padding:7px 13px;font-size:12px;font-weight:700;display:inline-flex}.studio-filter-pills button.active,.studio-category-pills button.active{background:linear-gradient(125deg,#3068e780,#2e2280a6);border-color:#739dff;box-shadow:inset 0 0 0 1px #598fff40,0 0 16px #336dff21}.studio-filter-pills svg{color:#7dadf8;width:17px;height:17px}.studio-material-list{gap:9px;display:grid}.studio-material-row{grid-template-columns:325px minmax(0,1fr) 150px;align-items:center;gap:19px;min-height:123px;padding:15px 20px;display:grid}.studio-material-module{align-items:center;gap:18px;min-width:0;display:flex}.studio-material-module .studio-module-badge{width:55px;height:55px}.studio-material-module p{max-width:215px;line-height:1.35}.studio-material-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;display:grid}.studio-material-item{background:#03112394;border:1px solid #3b71b640;border-radius:11px;align-items:center;gap:10px;min-width:0;min-height:92px;padding:11px;display:flex}.studio-pdf-icon{background:linear-gradient(135deg,#e92e5b,#ff6b84);border-radius:9px;flex:none;place-items:center;width:40px;height:49px;font-size:10px;font-weight:900;display:grid;box-shadow:0 5px 18px #e8385c33}.studio-material-item>div{flex:1;min-width:0}.studio-material-item strong,.studio-material-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.studio-material-item strong{font-size:11px}.studio-material-item small{color:#93a9c9;margin-top:4px;font-size:10px}.studio-availability{color:#9fb5d5;margin-top:8px;font-size:10px;display:block}.studio-availability i{background:#7f9dc5;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.studio-coming-soon{color:#8098b8;white-space:nowrap;align-self:end;align-items:center;gap:4px;font-size:9px;display:flex}.studio-coming-soon svg{width:13px;height:13px}.studio-material-row>.studio-button{justify-self:end}.studio-empty{text-align:center;border:1px solid var(--sp-line);color:#a5bbdc;border-radius:12px;padding:30px}.studio-exercises>.studio-hero{min-height:200px}.studio-exercise-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.studio-exercise-card{background:radial-gradient(circle at 95% 0,#2045ae30,#0000 45%),linear-gradient(150deg,#071c36,#06162c);flex-direction:column;align-items:stretch;min-height:470px;padding:25px;display:flex}.studio-exercise-icon{color:#5f9aff;background:#12377b54;border:1px solid;border-radius:13px;place-items:center;width:58px;height:58px;margin-bottom:17px;display:grid}.studio-exercise-icon svg{width:29px;height:29px}.studio-exercise-icon.teal{color:#25d2c1;background:#07635b38}.studio-exercise-icon.purple{color:#a955ff;background:#6d1c9f42}.studio-exercise-card h2{letter-spacing:-.035em;margin:5px 0 6px;font-size:26px}.studio-exercise-card>p{color:#a8c3e7;min-height:66px;margin:0;font-size:13px;line-height:1.45}.studio-exercise-points{gap:15px;margin:16px 0 18px;display:grid}.studio-exercise-bullet{align-items:center;gap:12px;display:flex}.studio-exercise-bullet>span{color:#6da2fb;background:#0e2d6659;border:1px solid #417ad95c;border-radius:9px;flex:none;place-items:center;width:39px;height:39px;display:grid}.studio-exercise-bullet strong{font-size:12px}.studio-exercise-bullet p{color:#9bb7dc;margin:3px 0 0;font-size:11px;line-height:1.3}.studio-exercise-card>.studio-button{width:100%;margin-top:auto}.studio-exercise-card>.studio-button svg:last-child{margin-left:8px}.studio-size-block{background:#04132999;border:1px solid #4072ba3b;border-radius:10px;margin:8px 0 0;padding:10px}.studio-size-block>strong{color:#9dbdec;margin-bottom:7px;font-size:11px;display:block}.studio-size-block>div{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.studio-size-block button{background:#041329b8;border:1px solid #4980cf63;border-radius:10px;min-height:52px}.studio-size-block button.active{background:linear-gradient(120deg,#3184ff,#6237ed);border-color:#697fff;box-shadow:0 5px 20px #355ceb3b}.studio-size-block b,.studio-size-block small{display:block}.studio-size-block b{font-size:15px}.studio-size-block small{color:#a9c2ed;font-size:10px}.studio-exercise-points.compact{gap:10px}.studio-exercise-config{background:linear-gradient(110deg,#102753,#0b1a37);border:1px solid #497be0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:18px;padding:20px 55px 20px 22px;display:flex;position:relative}.studio-exercise-config>div{flex:1;min-width:230px}.studio-exercise-config h3{margin:4px 0;font-size:17px}.studio-exercise-config p{color:#b1c7e9;margin:0;font-size:12px}.studio-exercise-config select{color:#e9f1ff;background:#091b34;border:1px solid #4974b4;border-radius:9px;min-height:43px;padding:0 10px}.studio-close{color:#9db8e6;background:0 0;border:0;position:absolute;top:12px;right:12px}.studio-info-strip{grid-template-columns:1.7fr repeat(4,1fr);align-items:center;min-height:105px;padding:17px 20px;display:grid}.studio-info-strip>div{border-left:1px solid #3e74bd38;align-items:center;gap:12px;min-height:64px;padding:0 15px;display:flex}.studio-info-strip>div:first-child{border-left:0;padding-left:0}.studio-info-strip svg{color:#68a0ff;background:#0e316d66;border:1px solid #3f75cc4d;border-radius:10px;width:36px;height:36px;padding:8px}.studio-info-strip strong,.studio-info-strip small{display:block}.studio-info-strip strong{font-size:11px}.studio-info-strip small{color:#9db8de;margin-top:4px;font-size:10px;line-height:1.4}.studio-challenges>.studio-hero{min-height:265px}.studio-challenges .studio-hero-copy{width:65%}.studio-challenges .studio-hero h1{font-size:clamp(35px,3.3vw,52px)}.studio-challenges .studio-art{width:34%}.studio-challenge-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.studio-challenge-metrics>div{background:#05152bb8;border:1px solid #4078c642;border-radius:11px;flex-wrap:wrap;align-items:flex-start;gap:12px;min-height:105px;padding:14px;display:flex}.studio-challenge-metrics>div>svg{color:#4ba1ff;background:#0d407954;border:1px solid #3c79d066;border-radius:10px;width:43px;height:43px;padding:10px}.studio-challenge-metrics>div:first-child>svg{color:#14d59e;background:#0a64493b;border-color:#0b8e76}.studio-challenge-metrics>div:last-child>svg{color:#ff6769;background:#921d3433;border-color:#a63652}.studio-challenge-metrics>div>span{flex:1;gap:2px;min-width:0;display:grid}.studio-challenge-metrics strong{font-size:24px;line-height:1}.studio-challenge-metrics small{color:#c8d8f5;font-size:12px}.studio-challenge-metrics small:last-child{color:#91adce;font-size:10px}.studio-challenge-metrics .studio-progress{width:100%;height:6px}.studio-challenge-filter-panel{gap:12px;padding:17px 18px;display:grid}.studio-challenge-filter-panel>strong{font-size:14px}.studio-category-pills{flex-wrap:wrap;gap:8px;display:flex}.studio-category-pills button{min-height:43px}.studio-category-pills .studio-module-badge{border-radius:7px;width:28px;height:28px;font-size:11px}.studio-category-pills svg{width:19px;height:19px}.studio-filter-controls{grid-template-columns:minmax(200px,1.8fr) repeat(3,minmax(130px,.75fr)) auto;gap:12px;display:grid}.studio-filter-controls .studio-search{min-height:43px}.studio-filter-controls>label:not(.studio-search){background:#081c36;border:1px solid #4680d34d;border-radius:9px;align-content:center;min-height:43px;padding:4px 11px;display:grid}.studio-filter-controls label small{color:#93b6e9;font-size:9px}.studio-filter-controls select{color:#f2f7ff;background:0 0;border:0;outline:0;width:100%;font-size:11px;font-weight:700}.studio-filter-controls select option{background:#0a1c34}.studio-filter-controls .studio-button{min-height:43px;font-size:11px}.studio-challenge-results{justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-challenge-results>div{align-items:baseline;gap:12px;display:flex}.studio-challenge-results strong{font-size:16px}.studio-challenge-results span{color:#809fc7;font-size:11px}.studio-pagination{gap:6px;display:flex}.studio-pagination button{color:#b5cced;background:#071a34;border:1px solid #4177be59;border-radius:6px;width:30px;height:30px;font-size:11px}.studio-pagination button.active{color:#fff;background:linear-gradient(135deg,#2879ef,#5940e9);border-color:#7196ff}.studio-pagination button:disabled{opacity:.4;cursor:not-allowed}.studio-challenge-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.studio-challenge-card{flex-direction:column;gap:7px;min-height:146px;padding:12px 13px;display:flex}.studio-challenge-card:hover{border-color:#4d8ff0}.studio-challenge-card-top{align-items:flex-start;gap:10px;display:flex}.studio-challenge-card-top>span{color:#f4f8ff;background:linear-gradient(140deg,#153970,#091c41);border:1px solid #3d83e9;border-radius:8px;place-items:center;min-width:47px;height:34px;font-size:12px;font-weight:850;display:grid}.studio-challenge-card-top>div{flex:1;min-width:0}.studio-challenge-card-top strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.studio-challenge-card-top small{color:#8dabd1;margin-top:3px;font-size:10px;display:block}.studio-challenge-card-top small:before{content:"";background:#378bff;border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.studio-challenge-card-top .challenge-category-tone-2:before{background:#13ba92}.studio-challenge-card-top .challenge-category-tone-3:before{background:#a647e8}.studio-challenge-card-top .challenge-category-tone-4:before{background:#eca410}.studio-challenge-card-top .challenge-category-tone-5:before{background:#e62e9e}.studio-difficulty{border:1px solid;border-radius:8px;padding:4px 8px;font-size:10px;font-weight:750}.difficulty-easy{color:#4ee3ac;background:#063a35;border-color:#12a872}.difficulty-medium{color:#ffc767;background:#403014;border-color:#b87609}.difficulty-hard{color:#ff8a9a;background:#3a1727;border-color:#b74b60}.studio-challenge-card>p{color:#a7c2e2;flex:1;margin:0;font-size:11px;line-height:1.36}.studio-challenge-card-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.studio-challenge-card-foot>span{color:#96afd2;align-items:center;gap:5px;font-size:10px;display:flex}.studio-challenge-card-foot>span svg{width:15px;height:15px}.studio-challenge-card-foot button{background:linear-gradient(110deg,#347ffa,#6540f3);border:1px solid #6286ff;border-radius:7px;align-items:center;gap:8px;min-height:30px;padding:4px 10px;font-size:11px;font-weight:750;display:flex}.studio-challenge-card-foot button svg{width:14px;height:14px}.studio-ranking-hero{isolation:isolate;background:radial-gradient(circle at 50% 90%,#382ac33d,#0000 45%),linear-gradient(120deg,#091c39,#061527 70%);grid-template-columns:31% minmax(0,1fr) 21%;height:340px;display:grid;position:relative;overflow:hidden}.studio-ranking-intro{align-self:stretch;padding:30px}.studio-ranking-intro>svg{color:#688eff;width:30px;height:30px}.studio-ranking-intro h1{letter-spacing:-.045em;margin:10px 0 8px;font-size:clamp(29px,2.9vw,44px);line-height:1.1}.studio-ranking-intro p{color:#9fc2f5;max-width:370px;margin:0 0 22px;font-size:15px;line-height:1.4}.studio-ranking-intro p:last-child{font-size:13px}.studio-podium{justify-content:center;align-items:end;gap:0;padding:25px 4px 0;display:flex}.studio-podium-entry{text-align:center;--rank-color:#658fff;flex-direction:column;justify-content:end;align-items:stretch;width:33%;max-width:170px;display:flex}.studio-podium-entry.rank-1{--rank-color:#ffc350;max-width:190px}.studio-podium-entry.rank-3{--rank-color:#bd58ff}.studio-podium-person{border:1px solid var(--rank-color);background:linear-gradient(155deg,color-mix(in srgb,var(--rank-color) 18%,#071732),#071530);min-height:205px;box-shadow:0 0 24px color-mix(in srgb,var(--rank-color) 23%,transparent);border-radius:13px 13px 0 0;flex-direction:column;align-items:center;padding:13px 9px 9px;display:flex;position:relative}.studio-podium-entry.rank-1 .studio-podium-person{min-height:260px}.studio-podium-avatar{border:2px solid var(--rank-color);width:57px;height:57px;box-shadow:0 0 22px color-mix(in srgb,var(--rank-color) 46%,transparent);background:linear-gradient(130deg,#2b70ee,#7735df);border-radius:17px;place-items:center;font-size:26px;font-weight:850;display:grid}.studio-podium-person>strong{white-space:nowrap;margin-top:8px;font-size:12px}.studio-podium-place{border:1px solid var(--rank-color);color:#fff;background:color-mix(in srgb,var(--rank-color) 25%,transparent);border-radius:99px;margin-top:6px;padding:3px 10px;font-size:13px;font-weight:850}.studio-podium-person>b{color:var(--rank-color);margin-top:9px;font-size:20px}.studio-podium-person>div{justify-content:space-around;width:100%;margin-top:auto;padding-top:11px;display:flex}.studio-podium-person>div span{font-size:11px;font-weight:750}.studio-podium-person>div svg{vertical-align:middle;width:15px;height:15px;color:var(--rank-color);margin-right:4px}.studio-podium-person>div small{color:#a6bfdf;margin-top:3px;font-size:9px;display:block}.studio-crown{color:#ffc54d;text-shadow:0 0 14px #ffaf20;font-size:36px;position:absolute;top:-34px}.studio-podium-base{border:1px solid var(--rank-color);background:linear-gradient(180deg,color-mix(in srgb,var(--rank-color) 48%,#061633),#091b37);height:54px;box-shadow:0 -8px 22px color-mix(in srgb,var(--rank-color) 40%,transparent);color:var(--rank-color);border-top:0;place-items:center;font-size:31px;font-weight:850;display:grid}.studio-podium-entry.rank-1 .studio-podium-base{height:67px}.studio-ranking-stats{align-content:center;gap:9px;padding:15px;display:grid}.studio-ranking-stats>div{background:#061831b8;border:1px solid #4176c042;border-radius:10px;align-items:center;gap:13px;min-height:62px;padding:9px 12px;display:flex}.studio-ranking-stats svg{color:#5b93ff;background:#18387661;border:1px solid #346cca47;border-radius:8px;width:34px;height:34px;padding:7px}.studio-ranking-stats strong,.studio-ranking-stats small{display:block}.studio-ranking-stats strong{font-size:14px}.studio-ranking-stats small{color:#9cb7df;margin-top:3px;font-size:11px}.studio-my-rank{background:linear-gradient(100deg,#0a2755,#081a37 66%,#13164c);border-color:#3b8cff;align-items:center;gap:17px;min-height:64px;padding:8px 25px;display:flex;box-shadow:inset 0 0 0 1px #3f8aff80,0 0 26px #325bf029}.studio-my-rank>strong{font-size:18px}.studio-rank-avatar{background:linear-gradient(140deg,#297fff,#6736db);border:1px solid #587dff;border-radius:9px;flex:none;place-items:center;width:35px;height:35px;font-size:14px;font-weight:850;display:grid}.studio-my-rank>b{white-space:nowrap;font-size:13px}.studio-you-pill{color:#fff;background:#162c7c;border:1px solid #5683ff;border-radius:7px;padding:4px 7px;font-size:11px;font-weight:750}.studio-my-level{flex:1;grid-template-columns:1fr auto;gap:4px 10px;min-width:165px;max-width:270px;margin-left:auto;display:grid}.studio-my-level strong{grid-column:1/-1;font-size:11px}.studio-my-level .studio-progress{align-self:center;height:6px}.studio-my-level small{color:#9fbae0;font-size:10px}.studio-my-rank>span:not(.studio-rank-avatar):not(.studio-you-pill){white-space:nowrap;border-left:1px solid #3870c03b;align-items:center;gap:7px;min-height:35px;padding:0 13px;font-size:12px;font-weight:750;display:flex}.studio-my-rank>span svg{color:#6d9aff}.studio-my-rank>small{color:#9bb6dc;white-space:nowrap;margin-left:auto;font-size:11px}.studio-ranking-table-wrap{overflow:auto}.studio-ranking-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.studio-ranking-table th{color:#7aaaff;letter-spacing:.08em;padding:14px 20px;font-size:10px}.studio-ranking-table td{color:#c2d7f4;border-top:1px solid #426faf2b;height:40px;padding:3px 20px;font-size:11px}.studio-ranking-table td strong{color:#f6f8ff}.studio-ranking-table tr.is-you{outline-offset:-1px;background:linear-gradient(90deg,#1752af57,#2f1d8447);outline:1px solid #527fff}.studio-table-person{align-items:center;gap:16px;display:flex}.studio-table-person .studio-rank-avatar{width:27px;height:27px;font-size:11px}.studio-table-person .rank-1{background:#342294}.studio-table-person .rank-2{background:#193998}.studio-table-person .rank-3{background:#5a229a}.studio-table-level{align-items:center;gap:15px;min-width:140px;display:flex}.studio-table-level .studio-progress{width:100px;height:6px}.studio-ranking-table .rank-up{color:#35de9e}.studio-ranking-table .rank-down{color:#f36b8e}@media (max-width:1250px){.studio-two-column{grid-template-columns:minmax(0,1fr) 315px}.studio-module-row{grid-template-columns:65px minmax(0,1fr) 130px;gap:12px}.studio-module-row>.studio-button{grid-area:1/3}.studio-module-progress{grid-area:2/2}.studio-module-row>.studio-module-badge{grid-row:1/3}.studio-module-copy{grid-column:2}.studio-module-row>.studio-button{align-self:center;padding:9px;font-size:11px}.studio-material-top{grid-template-columns:minmax(0,1fr) 400px}.studio-material-row{grid-template-columns:250px minmax(0,1fr) 120px;gap:10px;padding:12px}.studio-material-item{padding:8px}.studio-material-item .studio-coming-soon{display:none}.studio-material-module{gap:10px}.studio-material-row>.studio-button{padding:8px;font-size:11px}.studio-info-strip{grid-template-columns:repeat(4,1fr)}.studio-info-intro{grid-column:1/-1;padding-bottom:10px!important}.studio-info-strip>div:nth-child(2){border-left:0;padding-left:0}.studio-ranking-hero{grid-template-columns:28% minmax(0,1fr) 20%}.studio-ranking-intro{padding:25px}.studio-ranking-intro p{font-size:13px}.studio-ranking-stats{padding:10px}.studio-my-rank{gap:9px;padding:8px 14px}.studio-my-rank>span:not(.studio-rank-avatar):not(.studio-you-pill){padding:0 7px}.studio-my-rank>small{display:none}}@media (max-width:1050px){.studio-two-column{grid-template-columns:1fr}.studio-sidebar{grid-template-columns:1fr 1fr}.studio-start-card{grid-column:1/-1}.studio-module-row{grid-template-columns:65px minmax(0,1fr) 180px 140px}.studio-module-row>.studio-button{grid-column:4}.studio-module-progress{grid-area:1/3}.studio-module-row>.studio-module-badge{grid-row:1}.studio-module-copy{grid-column:2}.studio-material-top{grid-template-columns:1fr}.studio-material-top .studio-hero{min-height:190px}.studio-material-filters{justify-content:space-between;align-items:center;gap:15px;display:flex}.studio-material-filters .studio-search{flex:1}.studio-material-row{grid-template-columns:220px minmax(0,1fr) 115px}.studio-exercise-grid{gap:9px}.studio-exercise-card{padding:18px}.studio-exercise-card h2{font-size:21px}.studio-exercise-card>p{font-size:12px}.studio-challenge-grid{grid-template-columns:repeat(3,1fr)}.studio-filter-controls{grid-template-columns:repeat(4,1fr)}.studio-filter-controls>.studio-search{grid-column:1/3}.studio-filter-controls>.studio-button{grid-column:4}.studio-ranking-hero{grid-template-columns:1fr 1fr;height:auto}.studio-ranking-intro{grid-column:1}.studio-podium{grid-area:2/1/auto/-1;min-height:300px}.studio-ranking-stats{grid-area:1/2;grid-template-columns:1fr 1fr}.studio-my-rank{flex-wrap:wrap}.studio-my-level{margin-left:auto}}@media (max-width:720px){.studio-page{gap:12px}.studio-hero{min-height:210px;padding:23px}.studio-hero-copy,.studio-challenges .studio-hero-copy{width:100%}.studio-hero h1{font-size:clamp(30px,7vw,42px)}.studio-hero-copy>p{max-width:520px;font-size:13px}.studio-art{opacity:.22;width:75%;right:-20%}.studio-art-materials{opacity:.34;right:-28%}.studio-challenges .studio-art{display:none}.studio-sidebar{grid-template-columns:1fr}.studio-module-row{grid-template-columns:55px minmax(0,1fr) auto;gap:10px;padding:12px}.studio-module-row>.studio-module-badge{width:50px;height:50px}.studio-module-copy{grid-column:2/4}.studio-module-progress{grid-area:2/2}.studio-module-row>.studio-button{grid-area:2/3;min-height:37px}.studio-chips{gap:4px}.studio-chips span{font-size:9px}.studio-material-row{grid-template-columns:1fr auto}.studio-material-module{grid-column:1}.studio-material-items{grid-area:2/1/auto/-1}.studio-material-row>.studio-button{grid-area:1/2}.studio-material-filters{display:grid}.studio-filter-pills{justify-content:flex-start}.studio-exercise-grid{grid-template-columns:1fr}.studio-exercise-card{min-height:auto;padding:21px}.studio-exercise-card>p{min-height:0}.studio-exercise-points{margin:20px 0}.studio-info-strip{grid-template-columns:1fr 1fr}.studio-info-intro{grid-column:1/-1}.studio-info-strip>div{border:0;padding:8px!important}.studio-challenge-metrics{grid-template-columns:1fr 1fr}.studio-challenge-metrics>div:last-child{grid-column:1/-1}.studio-challenges>.studio-hero{min-height:350px}.studio-challenge-grid{grid-template-columns:repeat(2,1fr)}.studio-filter-controls{grid-template-columns:1fr 1fr}.studio-filter-controls>.studio-search,.studio-filter-controls>.studio-button{grid-column:1/-1}.studio-challenge-results>div{gap:2px;display:grid}.studio-ranking-hero{grid-template-columns:1fr}.studio-ranking-intro{grid-column:1}.studio-ranking-stats{grid-area:3/1;grid-template-columns:1fr 1fr}.studio-podium{grid-area:2/1;padding-top:35px}.studio-my-rank>span:not(.studio-rank-avatar):not(.studio-you-pill){border-left:0}.studio-my-level{order:5;min-width:100%}.studio-ranking-table{min-width:850px}}@media (max-width:480px){.studio-hero{padding:20px}.studio-hero h1{font-size:30px}.studio-module-row{grid-template-columns:50px minmax(0,1fr)}.studio-module-copy{grid-column:2}.studio-module-progress{grid-area:2/1/auto/-1}.studio-module-row>.studio-button{grid-area:3/1/auto/-1;width:100%}.studio-material-items{grid-template-columns:1fr}.studio-material-item{min-height:70px}.studio-material-row{grid-template-columns:1fr}.studio-material-row>.studio-button{grid-area:3/1;width:100%}.studio-material-module .studio-module-badge{width:48px;height:48px}.studio-filter-pills button{flex:1;padding:7px;font-size:10px}.studio-info-strip{grid-template-columns:1fr}.studio-info-strip>div{min-height:54px}.studio-challenge-metrics{grid-template-columns:1fr}.studio-challenge-metrics>div:last-child{grid-column:auto}.studio-challenges>.studio-hero{min-height:420px}.studio-challenge-grid{grid-template-columns:1fr}.studio-challenge-results{flex-direction:column;align-items:flex-start}.studio-category-pills button{font-size:10px}.studio-ranking-stats{grid-template-columns:1fr 1fr}.studio-podium-person{min-height:190px;padding:10px 4px}.studio-podium-entry.rank-1 .studio-podium-person{min-height:230px}.studio-podium-avatar{width:42px;height:42px;font-size:19px}.studio-podium-person>strong{font-size:9px}.studio-podium-person>b{font-size:13px}.studio-podium-person>div small{font-size:7px}.studio-podium-base{height:40px}.studio-podium-entry.rank-1 .studio-podium-base{height:50px}}@media (prefers-reduced-motion:reduce){.studio-page .studio-button,.studio-page .studio-module-row{transition:none}}.studio-material-items.is-lesson-list{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-material-file-icon{color:#8db7ff;background:#244c973d;border:1px solid #6295e35e;border-radius:9px;flex:none;place-items:center;width:40px;height:49px;display:grid}.studio-material-file-icon svg{width:22px;height:22px}.studio-material-summary{color:#819dc4;font-size:10px}.studio-availability.is-available{color:#59d9a9}.studio-availability.is-available i{background:#36ca93}.studio-material-item button.studio-coming-soon{cursor:not-allowed;background:0 0;border:0;padding:0}.studio-material-item a.studio-coming-soon{color:#8fb8ff;text-decoration:none}@media (max-width:1250px){.studio-material-item a.studio-coming-soon{background:#244c972e;border:1px solid #6295e35e;border-radius:7px;flex:none;justify-content:center;min-width:52px;min-height:36px;display:inline-flex}}@media (max-width:480px){.studio-material-items.is-lesson-list{grid-template-columns:1fr}}.studio-challenge-card-foot{flex-wrap:wrap}.challenge-card-xp{color:#8dc0ff;white-space:nowrap;font-size:11px}.studio-challenge-card-top>span{min-width:60px}.studio-pagination{flex-wrap:wrap;align-items:center}.studio-pagination>span{padding:0 3px}.studio-challenges,.studio-challenges>*,.studio-filter-controls,.studio-filter-controls>.studio-search,.studio-filter-controls>.studio-search input{min-width:0}.studio-filter-controls>.studio-search input{width:100%}.studio-challenge-grid,.studio-challenge-card,.studio-challenge-card-top{min-width:0}@media (max-width:480px){.studio-challenge-grid{grid-template-columns:minmax(0,1fr)}}
.studio-lessons .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-lessons .studio-main-column,.studio-lessons .studio-sidebar{gap:11px}.studio-lessons .studio-hero{border-color:#3780ff6b;min-height:196px}.studio-lessons .studio-hero h1{font-size:clamp(34px,3.2vw,46px)}.studio-lessons .studio-hero-copy>p{max-width:570px}.lessons-view-tabs{background:#020e1ee6;border:1px solid #2879e9;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:7px;display:grid;box-shadow:0 0 24px #2a5fdf14}.lessons-view-tabs button{text-align:left;background:linear-gradient(120deg,#061a32cc,#061228d1);border:1px solid #3272ce7a;border-radius:10px;align-items:center;gap:12px;min-width:0;min-height:55px;padding:7px 16px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.lessons-view-tabs button.active{background:linear-gradient(105deg,#14458fc2,#2a1886d1);border-color:#4c98ff;box-shadow:inset 0 0 0 1px #4980ff73,0 0 18px #4f46df2e}.lessons-view-tabs button:hover{border-color:#6da7ff}.lessons-tab-icon{color:#65a8ff;background:#0c2a5aa6;border:1px solid #4e89eb33;border-radius:8px;flex:none;place-items:center;width:39px;height:39px;display:grid}.lessons-view-tabs button.active .lessons-tab-icon{color:#8eb7ff;background:#06235ab3}.lessons-view-tabs strong,.lessons-view-tabs small{display:block}.lessons-view-tabs strong{font-size:13px}.lessons-view-tabs small{color:#aac1e4;margin-top:2px;font-size:10px}.all-lessons-view{gap:11px;min-width:0;display:grid}.all-lessons-filters{grid-template-columns:minmax(220px,1fr) minmax(135px,.27fr) minmax(128px,.24fr) minmax(140px,.29fr);gap:10px;display:grid}.all-lessons-filters label{color:#8db5ed;background:linear-gradient(120deg,#081b34,#071427);border:1px solid #3f80d37a;border-radius:9px;align-items:center;gap:8px;min-width:0;min-height:41px;padding:0 11px;display:flex}.all-lessons-filters label:focus-within{border-color:#71aaff;box-shadow:0 0 0 2px #458bff1f}.all-lessons-filters svg{width:17px;height:17px}.all-lessons-filters input,.all-lessons-filters select{color:#e7efff;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.all-lessons-filters input::placeholder{color:#9aafd0}.all-lessons-filters select{cursor:pointer}.all-lessons-filters option{color:#e7efff;background:#091a32}.all-lessons-results:empty{display:none}.all-lessons-results{color:#8faed6;font-size:11px}.all-lessons-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.all-lesson-card{border:1px solid #3870b64d;border-left:2px solid var(--tone);text-align:left;background:linear-gradient(135deg,color-mix(in srgb,var(--tone) 5%,#07172c),#061426 88%);border-radius:11px;grid-template-columns:51px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:104px;padding:12px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:grid;box-shadow:inset 0 1px #80b4ff09}.all-lesson-card:hover{border-color:var(--tone);background:linear-gradient(135deg,color-mix(in srgb,var(--tone) 11%,#07172c),#061426 88%);box-shadow:0 10px 28px color-mix(in srgb,var(--tone) 12%,transparent);transform:translateY(-2px)}.all-lesson-card.is-watched{border-color:#21c5928c;border-left-color:var(--tone)}.all-lesson-number{border:1px solid var(--tone);color:#f5f8ff;background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 24%,#071a36),#09182b);width:49px;height:49px;box-shadow:inset 0 1px #ffffff1f,0 0 15px color-mix(in srgb,var(--tone) 14%,transparent);border-radius:11px;place-items:center;font-size:17px;font-weight:850;display:grid}.all-lesson-content{flex-direction:column;justify-content:center;align-self:stretch;min-width:0;display:flex}.all-lesson-heading{color:#b4caeb;white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:10px;display:flex}.all-lesson-heading span:first-child{color:#61a7ff;letter-spacing:.09em;font-size:9px;font-weight:850}.all-lesson-title{color:#f6f8ff;margin:4px 0 7px;font-size:12px;font-weight:800;line-height:1.22;display:block}.all-lesson-footer{align-items:center;gap:10px;min-width:0;display:flex}.all-lesson-duration{color:#a3c0e8;white-space:nowrap;flex:none;align-items:center;gap:4px;font-size:10px;display:inline-flex}.all-lesson-duration svg{color:#8db8ff;width:14px;height:14px}.all-lesson-progress{flex:1;align-items:center;gap:5px;min-width:45px;display:flex}.all-lesson-progress .studio-progress{flex:1;min-width:25px;height:6px}.all-lesson-progress small{color:#d8e5fb;font-size:9px}.all-lesson-status{color:#b9cdf0;white-space:nowrap;background:#1b38615e;border:1px solid #5484c56b;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:4px;min-height:25px;padding:3px 6px;font-size:9px;display:inline-flex}.all-lesson-status svg{width:13px;height:13px}.all-lesson-status.watched{color:#5ae4b5;background:#085b4642;border-color:#0eba88ad}.all-lesson-action{color:#dbe9ff;background:linear-gradient(145deg,#14366f,#122257);border:1px solid #4789f3;border-radius:8px;justify-content:center;align-items:center;width:38px;min-height:36px;display:flex}.all-lesson-action svg{fill:currentColor;width:19px;height:19px}.all-lesson-action span{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.all-lessons-overall .studio-progress-summary{gap:14px;min-height:138px;padding:14px}.all-lessons-overall .studio-donut{width:110px;height:110px}.all-lessons-overall .studio-progress-summary p{font-size:11px}.all-lessons-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.all-lessons-stats>div{background:#04142a66;border:1px solid #346bb33d;border-radius:10px;grid-template-columns:22px minmax(0,1fr);align-content:center;gap:2px 6px;min-width:0;min-height:82px;padding:8px;display:grid}.all-lessons-stats svg{color:#58a2ff;grid-row:span 2;width:19px;height:19px}.all-lessons-stats strong{white-space:nowrap;font-size:12px}.all-lessons-stats span{color:#9fbce0;font-size:9px;line-height:1.25}.all-lessons-modules{padding-bottom:12px}.all-lessons-module-list{display:grid}.all-lessons-module{border-bottom:1px solid #4475b32e;grid-template-columns:34px minmax(0,1fr) 92px 34px;align-items:center;gap:9px;min-width:0;min-height:52px;display:grid}.all-lessons-module:last-child{border-bottom:0}.all-lessons-module-number{border:1px solid var(--tone);background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 22%,#081629),#0b1b32);border-radius:8px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.all-lessons-module-copy{min-width:0}.all-lessons-module-copy strong,.all-lessons-module-copy small{display:block}.all-lessons-module-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.all-lessons-module-copy small{color:#9db7dd;white-space:nowrap;margin-top:2px;font-size:9px}.all-lessons-module .studio-progress{min-width:0;height:6px}.all-lessons-module-percent{color:#cfe0fb;text-align:right;font-size:10px}.all-lessons-tip{background:linear-gradient(110deg,#0d3171b8,#0d1248ba);border:1px solid #4779f5;border-radius:13px;align-items:flex-start;gap:13px;padding:17px;display:flex}.all-lessons-tip>span{color:#8cb5ff;border:1px solid #5576ed;border-radius:10px;flex:none;place-items:center;width:47px;height:47px;display:grid}.all-lessons-tip strong{font-size:12px}.all-lessons-tip p{color:#a9c3e5;margin:4px 0 0;font-size:10px;line-height:1.48}@media (max-width:1250px){.all-lessons-filters{grid-template-columns:minmax(180px,1fr) repeat(3,minmax(120px,.32fr));gap:7px}.all-lesson-card{grid-template-columns:43px minmax(0,1fr) auto;gap:8px;padding:9px}.all-lesson-number{width:42px;height:42px}.all-lesson-heading{gap:4px;font-size:9px}.all-lesson-title{font-size:11px}.all-lesson-footer{gap:5px}.all-lesson-progress{display:none}}@media (max-width:1050px){.studio-lessons .studio-sidebar{grid-template-columns:1fr 1fr}.studio-lessons .studio-sidebar .all-lessons-tip{grid-column:1/-1}.all-lesson-progress{display:flex}}@media (max-width:760px){.all-lessons-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.all-lessons-search{grid-column:1/-1}.studio-lessons .studio-sidebar{grid-template-columns:1fr}.studio-lessons .studio-sidebar .all-lessons-tip{grid-column:auto}.all-lessons-stats{gap:8px}}@media (max-width:650px){.studio-lessons .studio-hero{min-height:215px}.lessons-view-tabs button{gap:7px;padding:7px}.lessons-tab-icon{width:33px;height:33px}.lessons-tab-icon svg{width:17px;height:17px}.lessons-view-tabs strong{font-size:11px}.lessons-view-tabs small{font-size:9px;line-height:1.2}.all-lessons-grid{grid-template-columns:1fr}.all-lesson-card{min-height:99px}.all-lesson-progress{display:flex}}@media (max-width:480px){.all-lessons-filters{grid-template-columns:1fr}.all-lessons-search{grid-column:auto}.all-lessons-filters label{min-height:43px}.all-lesson-card{grid-template-columns:43px minmax(0,1fr) 35px}.all-lesson-footer{flex-wrap:wrap}.all-lesson-progress{flex-basis:85px}.all-lesson-status{margin-left:auto}.all-lesson-action{width:35px}.all-lessons-module{grid-template-columns:34px minmax(0,1fr) 66px 30px;gap:6px}}