.learn-module__c1iGDG__learnContainer{outline:none;flex-direction:column;align-items:center;max-width:1024px;min-height:calc(100vh - 72px);margin:0 auto;padding:2rem;font-family:Nunito,sans-serif;display:flex}.learn-module__c1iGDG__roadmapHeader{text-align:center;margin-bottom:4rem}.learn-module__c1iGDG__roadmapHeader h1{color:#4b4b4b;margin-bottom:.5rem;font-size:2.5rem;font-weight:900}.learn-module__c1iGDG__roadmapHeader p{color:#777;font-size:1.25rem;font-weight:600}.learn-module__c1iGDG__header{flex-direction:column;align-items:center;width:100%;margin-bottom:3rem;display:flex;position:relative}.learn-module__c1iGDG__backBtn{color:#afafaf;cursor:pointer;background:0 0;border:none;font-size:1.5rem;font-weight:900;position:absolute;top:0;left:0}.learn-module__c1iGDG__backBtn:hover{color:#4b4b4b}.learn-module__c1iGDG__progressBar{background:#e5e5e5;border-radius:8px;width:100%;max-width:600px;height:16px;margin:1rem 0 2rem;overflow:hidden}.learn-module__c1iGDG__progressFill{background:#58cc02;height:100%;transition:width .3s}.learn-module__c1iGDG__lessonTitle{color:#4b4b4b;font-size:1.5rem;font-weight:900}.learn-module__c1iGDG__lessonArea{flex-direction:column;align-items:center;gap:4rem;width:100%;display:flex}.learn-module__c1iGDG__textDisplay{color:#afafaf;letter-spacing:.1em;text-align:center;background:#f7f7f7;border:2px solid #e5e5e5;border-radius:20px;width:100%;min-height:120px;padding:2rem 3rem;font-family:JetBrains Mono,monospace;font-size:2.5rem}.learn-module__c1iGDG__char.learn-module__c1iGDG__correct{color:#58cc02}.learn-module__c1iGDG__char.learn-module__c1iGDG__active{color:#4b4b4b;border-bottom:4px solid #1cb0f6;animation:1s infinite learn-module__c1iGDG__blink}@keyframes learn-module__c1iGDG__blink{50%{border-color:#0000}}.learn-module__c1iGDG__keyboardSection{perspective:1000px}.learn-module__c1iGDG__completionOverlay{z-index:2000;background:#fffffff2;justify-content:center;align-items:center;animation:.3s learn-module__c1iGDG__fadeIn;display:flex;position:fixed;inset:0}.learn-module__c1iGDG__completionCard{text-align:center;background:#fff;border:2px solid #58cc02;border-radius:32px;max-width:450px;padding:4rem;box-shadow:0 30px 60px #58cc0226}.learn-module__c1iGDG__celebrationIcon{margin-bottom:1.5rem;font-size:5rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) learn-module__c1iGDG__pop}@keyframes learn-module__c1iGDG__pop{0%{transform:scale(0)}to{transform:scale(1)}}.learn-module__c1iGDG__completionCard h2{color:#58cc02;margin-bottom:1rem;font-size:2.2rem;font-weight:900}.learn-module__c1iGDG__completionCard p{color:#777;margin-bottom:2.5rem;font-size:1.2rem;font-weight:700}.learn-module__c1iGDG__hiddenInput{opacity:0;pointer-events:none;position:absolute}@keyframes learn-module__c1iGDG__fadeIn{0%{opacity:0}to{opacity:1}}
.LearnKeyboard-module__xyRjYa__keyboardContainer{background:#f0f0f0;border:2px solid #e5e5e5;border-radius:24px;flex-direction:column;gap:.5rem;padding:2rem;display:inline-flex;box-shadow:inset 0 4px 10px #0000000d}.LearnKeyboard-module__xyRjYa__row{justify-content:center;gap:.5rem;display:flex}.LearnKeyboard-module__xyRjYa__key{--key-width:1;width:calc(var(--key-width)*50px);-webkit-user-select:none;user-select:none;background:#fff;border-bottom:4px solid #d0d0d0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:50px;transition:all .1s;display:flex;position:relative}.LearnKeyboard-module__xyRjYa__label{color:#4b4b4b;text-transform:uppercase;font-size:1.25rem;font-weight:800}.LearnKeyboard-module__xyRjYa__left-pinky{border-top:4px solid #ffdde1}.LearnKeyboard-module__xyRjYa__left-ring{border-top:4px solid #ee9ca7}.LearnKeyboard-module__xyRjYa__left-middle{border-top:4px solid #a1c4fd}.LearnKeyboard-module__xyRjYa__left-index{border-top:4px solid #c2e9fb}.LearnKeyboard-module__xyRjYa__right-index{border-top:4px solid #d4fc79}.LearnKeyboard-module__xyRjYa__right-middle{border-top:4px solid #96e6a1}.LearnKeyboard-module__xyRjYa__right-ring{border-top:4px solid #f9d423}.LearnKeyboard-module__xyRjYa__right-pinky{border-top:4px solid #ff9a9e}.LearnKeyboard-module__xyRjYa__thumb{border-top:4px solid #e2ebf0}.LearnKeyboard-module__xyRjYa__active{background:#ddf4ff;border-color:#1cb0f6;border-bottom-width:2px;transform:translateY(2px)}.LearnKeyboard-module__xyRjYa__active .LearnKeyboard-module__xyRjYa__label{color:#1cb0f6}.LearnKeyboard-module__xyRjYa__error{background:#ffdde1;border-color:#ff4b4b;animation:.2s ease-in-out LearnKeyboard-module__xyRjYa__shake}@keyframes LearnKeyboard-module__xyRjYa__shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width:768px){.LearnKeyboard-module__xyRjYa__key{width:calc(var(--key-width)*35px);height:40px}.LearnKeyboard-module__xyRjYa__label{font-size:.9rem}}
.LearnRoadmap-module__7XAzsq__roadmap{width:100%;max-width:600px;margin:0 auto;padding-bottom:5rem}.LearnRoadmap-module__7XAzsq__unitSection{margin-bottom:2rem}.LearnRoadmap-module__7XAzsq__unitHeader{color:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;display:flex;box-shadow:0 4px #0003}.LearnRoadmap-module__7XAzsq__unitHeaderMain{flex:1}.LearnRoadmap-module__7XAzsq__jumpButton{color:#fff;cursor:pointer;text-transform:uppercase;background:#fff3;border:2px solid #fff6;border-bottom-width:4px;border-radius:12px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:800;transition:all .1s}.LearnRoadmap-module__7XAzsq__jumpButton:hover{background:#ffffff4d}.LearnRoadmap-module__7XAzsq__jumpButton:active{border-bottom-width:2px;transform:translateY(2px)}.LearnRoadmap-module__7XAzsq__unitTitle{text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.LearnRoadmap-module__7XAzsq__unitDesc{opacity:.9;font-weight:600}.LearnRoadmap-module__7XAzsq__path{flex-direction:column;align-items:center;gap:3rem;padding:2rem 0;display:flex;position:relative}.LearnRoadmap-module__7XAzsq__nodeWrapper{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.LearnRoadmap-module__7XAzsq__offset-0{transform:translate(0)}.LearnRoadmap-module__7XAzsq__offset-1{transform:translate(80px)}.LearnRoadmap-module__7XAzsq__offset-p0-5{transform:translate(45px)}.LearnRoadmap-module__7XAzsq__offset-n0-5{transform:translate(-45px)}.LearnRoadmap-module__7XAzsq__offset-n1{transform:translate(-80px)}.LearnRoadmap-module__7XAzsq__node{cursor:pointer;background:#58cc02;border:none;border-bottom:10px solid #46a302;border-radius:50%;justify-content:center;align-items:center;width:85px;height:85px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 10px #0000001a}.LearnRoadmap-module__7XAzsq__nodeWrapper:hover .LearnRoadmap-module__7XAzsq__node:not(.LearnRoadmap-module__7XAzsq__locked){transform:scale(1.15)}.LearnRoadmap-module__7XAzsq__node.LearnRoadmap-module__7XAzsq__locked{cursor:default;box-shadow:none;background:#e5e5e5;border-bottom:10px solid #afafaf}.LearnRoadmap-module__7XAzsq__node.LearnRoadmap-module__7XAzsq__completed{background:#ffc800;border-bottom:10px solid #e5a500}.LearnRoadmap-module__7XAzsq__node:active:not(.LearnRoadmap-module__7XAzsq__locked){border-bottom-width:4px;transform:translateY(4px)}.LearnRoadmap-module__7XAzsq__node:not(.LearnRoadmap-module__7XAzsq__locked):not(.LearnRoadmap-module__7XAzsq__completed){animation:3s ease-in-out infinite LearnRoadmap-module__7XAzsq__float}@keyframes LearnRoadmap-module__7XAzsq__float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.LearnRoadmap-module__7XAzsq__icon{font-size:2.2rem}.LearnRoadmap-module__7XAzsq__label{color:#4b4b4b;text-align:center;text-transform:uppercase;margin-top:.75rem;font-size:.9rem;font-weight:800}.LearnRoadmap-module__7XAzsq__node.LearnRoadmap-module__7XAzsq__locked .LearnRoadmap-module__7XAzsq__icon{filter:grayscale()opacity(.5)}@media (max-width:480px){.LearnRoadmap-module__7XAzsq__offset-1{transform:translate(50px)}.LearnRoadmap-module__7XAzsq__offset--1{transform:translate(-50px)}.LearnRoadmap-module__7XAzsq__node{width:70px;height:70px}}