.hero-drill{position:relative;overflow:hidden;min-width:0;border:1px solid rgb(var(--ui-border-rgb));border-radius:13px;background:rgb(var(--ui-panel-rgb));box-shadow:0 3px 7px #19273a12,0 20px 48px -22px #19273a4d;color:rgb(var(--ui-ink-rgb))}.hero-drill-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:82px;padding:17px 18px 15px;border-bottom:1px solid rgb(var(--ui-border-rgb));background:rgb(var(--ui-panel-rgb))}.hero-drill-title h2{margin:0;color:rgb(var(--ui-ink-rgb));font-size:17px;font-weight:600;line-height:1.35;letter-spacing:-.025em}.hero-drill-badges{display:flex;gap:6px;margin-top:9px}.hero-drill-badges span{border-radius:5px;background:rgb(var(--ui-selected-rgb));color:rgb(var(--ui-secondary-rgb));font-size:10px;font-weight:500;line-height:14px;padding:4px 7px}.hero-drill-badges .difficulty-easy{background:#3d78671f;color:#3d7867}.hero-drill-header-actions{display:flex;align-items:center;gap:7px}.hero-solved{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 6px;color:var(--course-positive);font-size:11px;font-weight:600;line-height:18px}.hero-playback{position:absolute;right:10px;bottom:10px;z-index:2;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgb(var(--ui-border-rgb)/.7);border-radius:7px;background:rgb(var(--ui-panel-rgb)/.72);color:rgb(var(--ui-secondary-rgb));opacity:.62;box-shadow:0 2px 8px #09101a29;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .14s ease,background-color .14s ease,color .14s ease,border-color .14s ease}.hero-playback:hover{border-color:rgb(var(--ui-accent-rgb)/.45);background:rgb(var(--ui-selected-rgb)/.94);color:rgb(var(--ui-ink-rgb));opacity:1}.hero-playback:focus-visible{outline:2px solid rgb(var(--ui-accent-rgb));outline-offset:2px;opacity:1}.hero-drill-workspace{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(205px,.82fr);height:372px}.hero-code-wrap{position:relative;min-width:0;overflow:hidden;border-right:1px solid #354253;background:#1d2532}.hero-code-area{min-width:-moz-max-content;min-width:max-content;padding:16px 16px 18px 0;color:#d4d4d4;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:400;line-height:20px;white-space:pre}.hero-code-line{display:flex;align-items:center;height:20px}.hero-line-number{width:38px;padding-right:11px;flex:0 0 auto;color:#94a3b859;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-code-context{padding:0 3px}.hero-blank{display:inline-flex;align-items:center;height:18px;box-sizing:content-box;overflow:hidden;padding:0 3px;border:1px solid rgb(126 172 206/.22);border-radius:4px;background:#7eacce0f;vertical-align:middle;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.hero-blank-active{border-color:#7eacceeb;background:#7eacce21;box-shadow:0 0 0 1px #7eacce24 inset}.hero-blank-correct{border-color:#a4d4c26b;background:#a4d4c217}.hero-caret{width:1.5px;height:13px;flex:0 0 auto;background:#9fc4dd;animation:hero-caret-blink 1.06s step-end infinite}.hero-guidance{display:flex;min-width:0;min-height:0;flex-direction:column;background:rgb(var(--ui-panel-rgb))}.hero-progress{flex-shrink:0;padding:13px 15px 12px;border-bottom:1px solid rgb(var(--ui-border-rgb))}.hero-progress-track{height:4px;overflow:hidden;border-radius:999px;background:rgb(var(--ui-border-rgb))}.hero-progress-track span{display:block;width:100%;height:100%;border-radius:inherit;background:rgb(var(--ui-accent-rgb));transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}.hero-progress>span{display:block;margin-top:7px;color:rgb(var(--ui-muted-rgb));font-size:9.5px;font-variant-numeric:tabular-nums;line-height:14px}.hero-guidance-body{flex:1;min-height:0;overflow:hidden;padding:18px}.hero-step{display:block;margin-bottom:7px;color:rgb(var(--ui-muted-rgb));font-size:9.5px;line-height:14px}.hero-guidance h3{margin:0;color:rgb(var(--ui-ink-rgb));font-size:14px;font-weight:600;letter-spacing:-.015em;line-height:1.4}.hero-preview-copy,.hero-feedback,.hero-success p{color:rgb(var(--ui-muted-rgb));font-size:10.5px;line-height:1.55}.hero-preview-copy{margin:12px 0 0}.hero-line-card{margin-top:14px;padding:10px 11px;border:1px solid rgb(var(--ui-border-rgb));border-radius:8px;background:rgb(var(--ui-subtle-rgb))}.hero-line-card>span{color:rgb(var(--ui-accent-rgb));font-size:9.5px;line-height:14px}.hero-line-card p{margin:4px 0 0;color:rgb(var(--ui-secondary-rgb));font-size:10.5px;font-weight:500;line-height:1.45}.hero-feedback{margin:15px 0 0}.hero-success{margin-top:16px;padding-bottom:4px}.hero-success strong{display:inline-flex;align-items:center;gap:5px;color:var(--course-positive);font-size:10.5px;font-weight:650;line-height:16px}.hero-success h4{margin:12px 0 0;color:rgb(var(--ui-ink-rgb));font-size:10.5px;font-weight:600;line-height:16px}.hero-success p{margin:7px 0 0}.hero-success-complete p{margin-top:7px}.hero-guidance-actions{display:flex;flex:0 0 43px;align-items:center;justify-content:space-between;gap:8px;min-height:43px;padding:8px 12px;border-top:1px solid rgb(var(--ui-border-rgb));color:rgb(var(--ui-muted-rgb));font-size:8.5px}.hero-guidance-actions span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.hero-schedule-toast-wrap{position:absolute;right:14px;bottom:54px;z-index:4;width:min(220px,calc(41% - 20px));pointer-events:none}.hero-schedule-toast{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--course-positive) 28%,rgb(var(--ui-border-rgb)));border-radius:9px;background:color-mix(in srgb,rgb(var(--ui-panel-rgb)) 95%,var(--course-positive) 5%);box-shadow:0 3px 8px #09101a1f,0 18px 36px -22px #09101a7a;animation:hero-schedule-arrive .42s cubic-bezier(.16,1,.3,1) both}.hero-schedule-icon{display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--course-positive) 12%,transparent);color:var(--course-positive)}.hero-schedule-icon svg{width:15px;height:15px;stroke-width:2}.hero-schedule-copy{display:grid;min-width:0;gap:1px}.hero-schedule-copy strong{color:rgb(var(--ui-ink-rgb));font-size:11px;font-weight:650;line-height:16px}.hero-schedule-copy>span{color:rgb(var(--ui-secondary-rgb));font-size:9.5px;font-weight:500;line-height:14px;white-space:nowrap}@keyframes hero-caret-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes hero-schedule-arrive{0%{opacity:0;transform:translateY(9px);clip-path:inset(0 0 18% 0 round 9px);filter:blur(2px)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0 round 9px);filter:blur(0)}}@media (max-width:767px){.hero-drill-header{min-height:74px;padding:14px}.hero-drill-workspace{display:flex;height:auto;flex-direction:column}.hero-code-wrap{height:250px;flex:0 0 auto;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid #354253;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.hero-code-area{min-width:100%;width:-moz-max-content;width:max-content;padding-top:13px;padding-right:14px;font-size:11px;line-height:20px}.hero-code-line{height:20px}.hero-line-number{width:30px;padding-right:8px}.hero-blank{height:18px;padding:0 2px}.hero-guidance{min-height:276px}.hero-progress{padding:10px 14px 9px}.hero-guidance-body{min-height:190px;padding:16px 14px}.hero-line-card{padding:9px 10px}.hero-guidance-actions{padding:7px 14px}.hero-schedule-toast-wrap{right:auto;bottom:48px;left:50%;width:min(270px,calc(100% - 28px));transform:translate(-50%)}}@media (max-width:430px){.hero-solved{display:none}.hero-code-wrap{height:238px}.hero-code-area{font-size:10.5px}.hero-guidance{min-height:268px}.hero-guidance h3{font-size:13px}.hero-preview-copy,.hero-feedback,.hero-success p,.hero-line-card p,.hero-success h4,.hero-success strong{font-size:10px}.hero-guidance-actions span:first-child{display:none}}@media (prefers-reduced-motion:reduce){.hero-caret{animation:none}.hero-blank,.hero-progress-track span,.hero-playback{transition-duration:.01ms}.hero-schedule-toast{animation:hero-schedule-fade .16s ease-out both}}@keyframes hero-schedule-fade{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) forwards}.animation-delay-600{animation-delay:.6s}.animation-delay-700{animation-delay:.7s}.animation-delay-800{animation-delay:.8s}.animation-delay-900{animation-delay:.9s}.animation-fill-forwards{animation-fill-mode:forwards}#landing-content h2[id]{scroll-margin-top:8rem}.ui-landing-page{--landing-page-bg: 247 249 252;background:rgb(var(--landing-page-bg))}html:has(.ui-landing-page){scrollbar-color:rgb(var(--ui-muted-rgb) / .48) transparent;scrollbar-width:thin}html:has(.ui-landing-page)::-webkit-scrollbar{width:6px}html:has(.ui-landing-page)::-webkit-scrollbar-track{background:transparent}html:has(.ui-landing-page)::-webkit-scrollbar-thumb{border-radius:999px;background:rgb(var(--ui-muted-rgb) / .48)}html:has(.ui-landing-page)::-webkit-scrollbar-thumb:hover{background:rgb(var(--ui-muted-rgb) / .72)}:root[data-theme=dark] .ui-landing-page{--landing-page-bg: 23 29 39}.landing-hero-stage{isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 58% 92% at 99% 8%,rgb(156 202 191 / .25),transparent 64%),radial-gradient(ellipse 62% 88% at 73% 70%,rgb(101 158 198 / .3),transparent 68%),linear-gradient(118deg,#0f1621,#162332 49%,#203542);--ui-ink-rgb: 239 245 250;--ui-secondary-rgb: 190 205 218;--ui-muted-rgb: 164 184 201;--ui-border-rgb: 73 94 113;--ui-panel-rgb: 28 37 50;--ui-subtle-rgb: 34 45 59;--ui-selected-rgb: 45 59 75;--ui-accent-rgb: 143 187 216;--ui-accent-hover-rgb: 174 207 228;--ui-on-accent-rgb: 18 39 54}.landing-hero-stage:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.3;background-image:linear-gradient(rgb(183 211 226 / .055) 1px,transparent 1px),linear-gradient(90deg,rgb(183 211 226 / .055) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 48%,black 100%);mask-image:linear-gradient(90deg,transparent 0%,black 48%,black 100%)}.landing-hero-stage:after{content:"";position:absolute;z-index:-1;right:-10%;bottom:-48%;width:66%;aspect-ratio:1;border-radius:50%;background:#8fbbd81f;filter:blur(72px);pointer-events:none}.landing-hero-shell{padding:clamp(2rem,4.4vw,4rem)}.landing-hero-content{position:relative;z-index:1}.landing-hero-stage .hero-drill{border-color:#7591a67a;box-shadow:0 1px #ffffff14 inset,0 28px 70px -28px #020912e0}.landing-product-frame{box-shadow:0 1px #ffffff0a inset,0 22px 65px -34px #000000e6}.landing-product-frame img{color-scheme:dark}#landing-content a,#landing-content button,[data-public-header-mode=landing] a,[data-public-header-mode=landing] button{-webkit-tap-highlight-color:rgba(60,131,245,.18)}@media (prefers-reduced-motion: reduce){.animate-fade-in-up{animation:none;opacity:1}}@media (max-width: 767px){.landing-hero-shell{padding:28px 18px 18px}.landing-hero-stage:before{opacity:.2;-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 36%,black 100%);mask-image:linear-gradient(180deg,transparent 0%,black 36%,black 100%)}}