@charset "UTF-8";.text-violet{color:#8737d7}.text-violet>.th-icon .shape-icon.mask{background-color:#8737d7}.text-violet-5{color:#a05fe1}.text-sunbeam-4{color:#ffc364}.text-sunbeam-5{color:#ffaf3c}.text-sunbeam-6{color:#f58c00}.text-flint-3{color:#c8beb4}.text-flint-4{color:#8c8278}.text-bull-5{color:#d74141}.text-grass-5{color:#0fd76e}.text-grass-6{color:#0aaa55}.text-timber-4{color:#e6915f}.text-timber-5{color:#c8733c}@font-face{font-family:Baloo2;src:url(/build/assets/Baloo2-r_huSpbI.ttf) format("truetype");font-style:normal}@font-face{font-family:Geologica;src:url(/build/assets/Geologica-BUl1cAi8.ttf) format("truetype");font-style:normal}.gamification-page section{padding:52px 12px}@media (min-width: 768px){.gamification-page section{padding-top:72px;padding-bottom:72px}}.gamification-page section .container{max-width:800px}.gamification-page section h1,.gamification-page section h2{text-align:center;font-size:48px;color:#190f00}@media (min-width: 768px){.gamification-page section h1,.gamification-page section h2{font-size:56px}}.gamification-page section h1 br,.gamification-page section h2 br{display:none}@media (min-width: 768px){.gamification-page section h1 br,.gamification-page section h2 br{display:inline}}.gamification-page section p{margin-top:16px;text-align:center;font-size:16px}@media (min-width: 768px){.gamification-page section p{font-size:18px}}.gamification-page section .point-image{margin:32px auto 0;display:block;max-width:100%;padding:16px;border:2px solid #FFC364;border-radius:20px}.gamification-page section .cta{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:16px}.gamification-page section .cta h3{text-align:center;color:#190f00}.gamification-page section.hero{background-color:#8737d7}.gamification-page section.hero h1,.gamification-page section.hero p{color:#fff}.gamification-page section.why-gamification{background-color:#f5f0fa}.gamification-page section.earn-exp{background-color:#ffd796}.gamification-page section.learning-streak{background-color:#f5f0fa}.gamification-page section.learning-streak .progress-card-container{width:100%;max-width:400px;margin-top:32px;margin-inline:auto;background-color:#fff;padding:12px;border-radius:12px}.gamification-page section.learning-streak .progress-card{width:100%;max-width:400px}.gamification-page section.learning-streak .progress-card .task-body .task-content .task-description{margin-top:0;text-align:left}.gamification-page section.weekly-challenges{padding-top:0;background-color:#f5f0fa}.gamification-page section.weekly-challenges .progress-card-container{width:100%;max-width:400px;margin-top:32px;margin-inline:auto;background-color:#fff;padding:12px;border-radius:12px}.gamification-page section.weekly-challenges .progress-card{width:100%;max-width:400px}.gamification-page section.weekly-challenges .progress-card .task-body .task-content .task-description{margin-top:0;text-align:left}.gamification-page section.weekly-challenges .progress-card .progress{display:flex;gap:8px;align-items:center}.gamification-page section.weekly-challenges .progress-card .progress .progress-bar{position:relative;flex:1;height:8px;border-radius:4px;overflow:hidden;background-color:#e6e1dc}.gamification-page section.weekly-challenges .progress-card .progress .progress-bar:before{content:"";position:absolute;left:0;top:0;height:100%;width:60%;background-color:#b987eb}.gamification-page section.weekly-challenges .progress-card .progress .progress-number{line-height:100%;color:#8c8278}.gamification-page section.badges{background-color:#ffd796}.gamification-page section.badges .badges-list{margin-top:32px;background-color:#fff;border-radius:20px;padding:16px 24px 24px}.gamification-page section.badges .badges-list h4{margin-bottom:16px}.gamification-page section.badges .badges-list .badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.gamification-page section.badges .badges-list .badges-grid .achievement-progress-vertical{background-color:#fff}.gamification-page section.track-progress{background-color:#f5f0fa}.gamification-page section.track-progress .chapter-progress{background-color:#fff;margin-top:32px;flex:1;margin-left:8px;padding:12px 12px 16px;border-radius:12px}.gamification-page section.track-progress .chapter-progress h6{font-weight:700;color:#a05fe1;text-transform:uppercase}.gamification-page section.track-progress .chapter-progress .progress-steps{margin-top:4px;display:flex;gap:2px}.gamification-page section.track-progress .chapter-progress .progress-steps .step{flex:1;background-color:#e6e1dc;height:6px;transition:background-color .2s linear}.gamification-page section.track-progress .chapter-progress .progress-steps .step.completed{background-color:#b987eb}.gamification-page section.track-progress .chapter-progress .progress-steps .step:nth-child(4).completed-new{background-color:#b987eb;animation:grow-and-back .7s forwards}@keyframes grow-and-back{0%{transform:scaleY(1) scaleX(1)}50%{background-color:#8737d7;transform:scaleY(1.2) scaleX(1.1)}to{background-color:#b987eb;transform:scaleY(1) scaleX(1)}}.gamification-page section.interactive-tasks{background-color:#a05fe1}.gamification-page section.interactive-tasks h2,.gamification-page section.interactive-tasks p{color:#fff}.gamification-page section.interactive-tasks .btn{text-align:center;line-height:110%;padding-block:4px}@media (min-width: 768px){.gamification-page section.interactive-tasks .btn{padding-block:auto;line-height:auto}}.gamification-page section.why-it-works{background-color:#f5f0fa}.gamification-page section.benefits{background-color:#ffd796}.gamification-page section.benefits .benefit-list{margin-top:32px;display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.gamification-page section.benefits .benefit-list{grid-template-columns:1fr 1fr}}.gamification-page section.comparison{background-color:#f5f0fa}.gamification-page section.comparison .comparison-table{margin-top:32px;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;border-radius:20px;overflow:hidden}.gamification-page section.comparison .comparison-table th{width:50%;padding:16px 12px;text-align:center;font-size:22px;line-height:1.2}@media (min-width: 768px){.gamification-page section.comparison .comparison-table th{padding:20px 24px;font-size:28px}}.gamification-page section.comparison .comparison-table th.gamified{background-color:#a05fe1;color:#fff;border-bottom:1px solid #F2F0EE}.gamification-page section.comparison .comparison-table th.traditional{background-color:#e6e1dc;color:#190f00;border-bottom:1px solid #fff}.gamification-page section.comparison .comparison-table td{width:50%;position:relative;padding:12px 12px 12px 36px;font-size:16px;line-height:1.3;vertical-align:top;font-family:Geologica,sans-serif}@media (min-width: 768px){.gamification-page section.comparison .comparison-table td{padding:16px 24px 16px 48px}}.gamification-page section.comparison .comparison-table td:before{position:absolute;left:14px;top:12px;font-weight:700}@media (min-width: 768px){.gamification-page section.comparison .comparison-table td:before{left:30px;top:16px}}.gamification-page section.comparison .comparison-table td.gamified{background-color:#a05fe1;color:#fff;border-bottom:1px solid #F2F0EE;font-weight:600}.gamification-page section.comparison .comparison-table td.gamified:before{content:"+";color:#ffc364}.gamification-page section.comparison .comparison-table td.traditional{background-color:#e6e1dc;color:#190f00;border-bottom:1px solid #fff;font-weight:200}.gamification-page section.comparison .comparison-table td.traditional:before{content:"×";color:#8c8278}.gamification-page section.for-game-designers{background-color:#ffd796}.gamification-page section.faq{background-color:#f5f0fa}.gamification-page section.faq .faq-list{margin-top:32px;display:flex;flex-direction:column;gap:16px}.gamification-page section.faq .faq-list .faq-item{background-color:#fff;padding:20px;border-radius:20px}.gamification-page section.faq .faq-list .faq-item h4{color:#190f00;line-height:110%}.gamification-page section.faq .faq-list .faq-item p{text-align:left;font-size:16px;margin-top:8px}.gamification-page section.level-up-cta{background-color:#8737d7}.gamification-page section.level-up-cta h2,.gamification-page section.level-up-cta p{color:#fff}.gamification-page section.level-up-cta .cta h3{color:#fff}.gamification-page .level-up-demo{position:relative;margin-top:32px;min-height:400px;display:flex;align-items:center;justify-content:center;border-radius:20px}.gamification-page .level-up-demo .level-up-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffaf3c;clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%)}@keyframes level-up-parallelogram{0%{clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%)}to{clip-path:polygon(0 140px,100% 60px,100% calc(100% - 140px),0 calc(100% - 60px))}}@keyframes level-up-fade-in{0%{opacity:0}to{opacity:1}}@keyframes level-up-section-appear{0%{max-height:0;opacity:0;padding:0}50%{max-height:500px;opacity:0;padding:16px 0}to{max-height:500px;opacity:1;padding:16px 0}}.gamification-page .level-up-demo .level-up-card{position:relative;z-index:1;width:320px;opacity:0;background-color:#fff;border-radius:20px;border-bottom:4px solid #FFD796;padding:0 24px 8px;display:flex;flex-direction:column;align-items:center}.gamification-page .level-up-demo .level-up-card .decoration-stars{position:absolute;top:-20px;left:50%;transform:translate(-50%)}.gamification-page .level-up-demo .level-up-card .level-up-section{padding-top:0;padding-bottom:16px}.gamification-page .level-up-demo .level-up-card .level-up-section:not(:first-of-type){padding:0;max-height:0;overflow:hidden;opacity:0}.gamification-page .level-up-demo .level-up-card .level-up-section.new-level{margin-top:60px}.gamification-page .level-up-demo .level-up-card .level-up-section.new-level h6{text-align:center;color:#ffaf3c;text-transform:uppercase}.gamification-page .level-up-demo .level-up-card .level-up-section.new-level p{margin-top:0;font-size:16px;text-align:center;color:#423c32}.gamification-page .level-up-demo .level-up-card .level-up-section.new-level h2{margin-top:12px;text-align:center}.gamification-page .level-up-demo .level-up-card .level-up-section.locked-reward{border-top:2px solid #E6E1DC}.gamification-page .level-up-demo .level-up-card .level-up-section.locked-reward .th-icon{width:min-content;margin-inline:auto}.gamification-page .level-up-demo .level-up-card .level-up-section.locked-reward .th-icon .shape-icon.mask{background-color:#8c8278}.gamification-page .level-up-demo .level-up-card .level-up-section.locked-reward p{margin-top:4px;text-align:center;color:#423c32;font-size:16px}.gamification-page .level-up-demo .level-up-card .level-up-section.continue{padding-top:0!important}.gamification-page .level-up-demo .level-up-card .level-up-section.continue .btn{margin-inline:auto}.gamification-page .level-up-demo.is-playing .level-up-backdrop{animation:level-up-parallelogram .7s cubic-bezier(0,0,.11,.97) forwards}.gamification-page .level-up-demo.is-playing .level-up-card{animation:level-up-fade-in .5s ease-out .4s forwards}.gamification-page .level-up-demo.is-playing .level-up-card .locked-reward{animation:level-up-section-appear 1s ease-in 1.1s forwards}.gamification-page .level-up-demo.is-playing .level-up-card .continue{animation:level-up-section-appear 1s ease-in 2.4s forwards}