.rotate-center{width:2.5rem;height:2.5rem;margin-block:.5rem;animation:.6s infinite both rotate-center}@keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-auth .main-content-customer.choose-languages{z-index:1000;margin:.625rem;background-color:#e5e9fd;border-radius:1.25rem;max-width:none;margin:0;padding:2.5rem;position:fixed;inset:0}.main-auth .main-content-customer .btn-container .forward-btn:hover,.main-auth .main-content-customer .btn-container .forward-btn:focus-visible{color:#e5e9fd;background-color:#e5e9fd;border:1px solid #e5e9fd}@media (max-width:31.25rem){.main-auth{margin:.5rem}.main-auth .main-content-customer{padding:.5rem}.main-auth .main-content-customer form .input-field{padding-left:3rem}.main-auth .main-content-customer form .btn-password{margin:0 0 1rem}.main-auth .main-content-customer form .input-container .input-icon{padding:0 1rem}.main-auth .main-content .btn-container{gap:.875rem}.main-auth .main-content .btn-container .login-btn,.main-auth .main-content .btn-container .guest-btn{padding:.625rem .3125rem}.main-auth .main-content .legal-imprint-container{gap:0}}.arrow-back{background:#e5e9fd;border:.0625rem solid #0000;border-radius:.625rem;place-self:flex-start baseline;margin-bottom:1rem;transition:all .2s ease-in-out;display:flex}.arrow-back svg path{fill:#3f2bdc}.arrow-back:hover,.arrow-back:focus{background:#3f2bdc;outline:none}.arrow-back:hover svg path,.arrow-back:focus svg path{fill:#f7f8ff}.main-auth .main-content-customer .btn-container .forward-btn:hover,.main-auth .main-content-customer .btn-container .forward-btn:focus-visible{color:#e5e9fd;background-color:#e5e9fd;border:1px solid #e5e9fd}@media (max-width:31.25rem){.main-auth{margin:.5rem}.main-auth .main-content-customer{padding:.5rem}.main-auth .main-content-customer form .input-field{padding-left:3rem}.main-auth .main-content-customer form .btn-password{margin:0 0 1rem}.main-auth .main-content-customer form .input-container .input-icon{padding:0 1rem}.main-auth .main-content .btn-container{gap:.875rem}.main-auth .main-content .btn-container .login-btn,.main-auth .main-content .btn-container .guest-btn{padding:.625rem .3125rem}.main-auth .main-content .legal-imprint-container{gap:0}}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;width:100%;padding:20px 0}.navbar__container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 32px;display:flex}.navbar__logo{color:#3f2bdc;letter-spacing:-.5px;align-items:center;gap:1rem;font-size:2rem;font-weight:800;text-decoration:none;display:flex}.navbar__menu{align-items:center;gap:48px;display:flex}.navbar__link{color:#4b5563;font-size:1.125rem;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.navbar__link:hover{color:#3f2bdc}.navbar__link:hover:after{content:"";background:#3f2bdc;border-radius:999px;width:100%;height:3px;position:absolute;bottom:-12px;left:0}.navbar__link.navbar__link--active{color:#3f2bdc}.navbar__link.navbar__link--active:after{content:"";background:#3f2bdc;width:100%;height:3px;position:absolute;bottom:-12px;left:0}.navbar__actions{align-items:center;gap:24px;display:flex}.navbar__login{color:#3f2bdc;font-size:1.125rem;font-weight:700;text-decoration:none;transition:opacity .2s}.navbar__login:hover{opacity:.8}.navbar__button{color:#fff;background:#3f2bdc;border-radius:16px;justify-content:center;align-items:center;padding:16px 32px;font-size:1.125rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 8px 20px #4f46e533}.navbar__button:hover{transform:translateY(-1px)}@media (max-width:992px){.navbar__menu,.navbar__button{display:none}}.footer{background:#f9fafb;border-top:1px solid #e5e7eb;width:100%;padding:40px 0}.footer__container{justify-content:space-between;align-items:center;gap:40px;max-width:1280px;margin:0 auto;padding:0 32px;display:flex}.footer__brand{max-width:260px}.footer__logo{color:#3f2bdc;margin-bottom:10px;font-size:1.8rem;font-weight:800}.footer__copyright{color:#4b5563;font-size:.95rem;line-height:1.7}.footer__links{flex-wrap:wrap;justify-content:center;align-items:center;gap:36px;display:flex}.footer__link{color:#4b5563;margin:0;font-size:.95rem;font-weight:500;text-decoration:none;transition:-webkit-text-decoration .5s,text-decoration .5s;position:relative}.footer__link:hover{color:#3f2bdc;text-underline-offset:.5rem;text-decoration:underline}.footer__socials{align-items:center;gap:14px;display:flex}.footer__social{color:#3f2bdc;background:#4f46e514;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .25s;display:flex}.footer__social:hover{transform:translateY(-2px)}@media (max-width:992px){.footer__container{text-align:center;flex-direction:column}.footer__brand{max-width:100%}}@media (max-width:600px){.main-customer+.footer{height:calc(100% - 1.875rem);padding:1.875rem 0 4.5rem}.main-customer+.footer__container{padding:0 20px}.main-customer+.footer__links{gap:20px}.main-customer+.footer__social{width:38px;height:38px}}.main-auth{justify-content:center;display:flex}@font-face{font-family:Lexend;src:url(/fonts/Lexend/Lexend-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal}@media (max-width:48rem){.action-buttons{justify-content:space-between}.action-buttons .save-btn{width:fit-content;padding:0;padding-inline:1rem}.action-buttons .cancel-btn{min-width:fit-content;height:fit-content;padding:0;padding-inline:1rem}}.hero{background:#e5e9fd;align-items:center;width:100%;min-height:100vh;padding:80px 0;display:flex}.hero__container{align-items:center;gap:80px;width:100%;max-width:1280px;margin:0 auto;padding:0 32px;display:flex}.hero__content{max-width:540px}.hero__badge{color:#3f2bdc;background:#4f46e514;border-radius:999px;align-items:center;margin-bottom:32px;padding:12px 22px;font-size:.95rem;font-weight:600;display:inline-flex}.hero__title{color:#111827;letter-spacing:-2px;margin-bottom:28px;font-size:4.5rem;font-weight:800;line-height:1.1}.hero__title span{color:#3f2bdc}.hero__description{color:#4b5563;margin-bottom:48px;font-size:1.35rem;line-height:1.9}.hero__buttons{align-items:center;gap:20px;margin:1rem;display:flex}.hero__button{border-radius:18px;justify-content:center;align-items:center;gap:12px;padding:18px 34px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.hero__button--primary{color:#fff;background:#3f2bdc;box-shadow:0 14px 30px #4f46e538}.hero__button--primary:hover{transform:translateY(-2px)}.hero__button--primary span{font-size:1.3rem}.hero__button--secondary{color:#3f2bdc;background:#4f46e514;border:1px solid #4f46e51f}.hero__button--secondary:hover{background:#4f46e524}.hero__image-wrapper{justify-content:center;width:100%;max-width:37.5rem;height:31.25rem;display:flex;transform:rotate(3deg)}.hero__image-card{background:#fff url(/assets/learning-board.png) 0 0/cover;border:15px solid #fff;border-radius:42px;width:100%;max-width:600px;padding:18px;position:relative;box-shadow:0 40px 80px #0f172a1f}.hero__floating-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-radius:22px;width:calc(100% - 110px);padding:22px 24px;position:absolute;bottom:50px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0f172a14}.hero__floating-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.hero__floating-top p{color:#111827;font-size:1rem;font-weight:700}.hero__avatars{align-items:center;display:flex}.hero__avatars span{border:2px solid #fff;border-radius:50%;width:34px;height:34px;margin-left:-10px}.hero__avatars span:first-child{background:#dbeafe}.hero__avatars span:nth-child(2){background:#c7f9cc}.hero__avatars span:nth-child(3){background:#fef3c7}.hero__avatars span:first-child{margin-left:0}.hero__progress{background:#eee;border-radius:999px;width:100%;height:8px;overflow:hidden}.hero__progress-bar{background:#3f2bdc;border-radius:999px;width:74%;height:100%}.steps{background:#eff4ff;width:100%;padding:120px 0}.steps__container{max-width:1280px;margin:0 auto;padding:0 32px}.steps__heading{text-align:center;margin-bottom:72px}.steps__title{color:#111827;letter-spacing:-1px;margin-bottom:18px;font-size:3rem;font-weight:800}.steps__subtitle{color:#4b5563;max-width:700px;margin:0 auto;font-size:1.1rem;line-height:1.8}.steps__card{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.steps__single-card{background:#fff;border:1px solid #e5e7eb;border-radius:28px;flex-basis:350px;padding:42px 34px;transition:all .25s}.steps__single-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0f172a14}.steps__icon{border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:36px;font-size:2rem;display:flex}.steps__icon--purple{background:#ede9fe}.steps__icon--green{background:#d1fae5}.steps__icon--orange{background:#fde7c7}.steps__card-title{color:#111827;margin-bottom:20px;font-size:2rem;font-weight:800}.steps__card-text{color:#4b5563;font-size:1.05rem;line-height:1.9}.workflow{background:#e5e9fd;width:100%;padding:120px 0}.workflow__container{align-items:center;gap:80px;max-width:1280px;margin:0 auto;padding:0 32px;display:flex}.workflow__video{border-radius:28px;flex:1;width:100%;max-width:500px;height:100%;min-height:400px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0f172a1f}.workflow__content{flex:1}.workflow__image{object-fit:cover;width:100%;display:block}.workflow__play{color:#fff;cursor:pointer;background:#3f2bdc;border:none;border-radius:50%;width:82px;height:82px;font-size:1.6rem;transition:all .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 30px #4f46e54d}.workflow__play:hover{transform:translate(-50%,-50%)scale(1.05)}.workflow__video-footer{color:#fff;background:linear-gradient(#0000,#0000008c);justify-content:space-between;align-items:center;width:100%;padding:18px 20px;font-size:.95rem;font-weight:600;display:flex;position:absolute;bottom:0;left:0}.workflow__title{color:#111827;margin-bottom:48px;font-size:3rem;font-weight:800}.workflow__step{align-items:flex-start;gap:20px;margin-bottom:36px;display:flex}.workflow__number{color:#fff;background:#3f2bdc;border-radius:50%;justify-content:center;align-items:center;min-width:54px;height:54px;font-size:1rem;font-weight:700;display:flex}.workflow__text h3{color:#111827;margin-bottom:10px;font-size:1.5rem;font-weight:700}.workflow__text p{color:#4b5563;max-width:420px;font-size:1rem;line-height:1.8}.journey{background:#eff4ff;justify-content:center;width:100%;padding:120px 0;display:flex}.journey__container{text-align:center;background:linear-gradient(135deg,#5850ec 0%,#3f2bdc 100%);border-radius:42px;flex:1;max-width:1280px;margin:0 1rem;padding:90px 40px;position:relative;overflow:hidden}.journey__shape{opacity:.07;color:#fff;pointer-events:none;font-size:8rem;position:absolute;top:35px;right:55px}.journey__title{color:#fff;letter-spacing:-1px;margin-bottom:22px;font-size:3.2rem;font-weight:800}.journey__text{color:#ffffffd1;max-width:650px;margin:0 auto 42px;font-size:1.15rem;line-height:1.8}.journey__button{color:#3f2bdc;background:#fff;border-radius:16px;justify-content:center;align-items:center;padding:18px 42px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.journey__button:hover{transform:translateY(-2px);box-shadow:0 14px 35px #0000001f}@media (max-width:992px){.hero__image-wrapper{display:none}.hero__content{text-align:center;max-width:100%}.hero__buttons{justify-content:center}.hero__title{font-size:3.5rem}.steps__grid{grid-template-columns:1fr}.steps__title{font-size:2.5rem}.workflow__container{flex-direction:column;gap:60px}.workflow__title{font-size:2.5rem}}@media (max-width:600px){.hero{padding:60px 0}.hero__container{padding:0 20px}.hero__title{font-size:2.7rem}.hero__description{font-size:1.05rem}.hero__buttons{flex-direction:column}.hero__button{width:100%}.hero__floating-card{width:calc(100% - 30px)}.steps{padding:80px 0}.steps__container{padding:0 20px}.steps__card{padding:32px 26px}.steps__title{font-size:2rem}.steps__subtitle{font-size:1rem}.steps__card-title{font-size:1.5rem}.journey{padding:80px 20px}.journey__container{padding:70px 24px}.journey__title{font-size:2.2rem}.journey__text{font-size:1rem}.journey__shape{font-size:5rem;top:20px;right:20px}.journey__button{width:100%}}.profile{text-align:center;background:#e5e9fd;border-radius:.625rem;justify-content:center;align-items:center;width:13rem;height:9rem;display:flex;position:absolute;top:5rem;right:1rem}.profile .rectangle{display:none;position:absolute;top:.625rem;left:auto;right:auto}.profile ul{flex-direction:column;align-items:center;gap:.625rem;width:100%;margin:0;padding:0;font-size:1.25rem;display:flex}.profile ul li{border-radius:.625rem;justify-content:center;align-items:center;width:100%;max-width:9.375rem;height:2.1875rem;display:flex}.profile ul li:hover{background:#fff;transform:scale(1.05)}.profile ul li:hover a,.profile ul li:hover button{color:#3f2bdc}.profile ul li button{color:#4b5563;background:0 0;align-items:center;gap:1rem;width:100%;height:100%;display:flex}.profile ul li button:focus-visible{outline:none}.profile ul li a{color:#4b5563;align-items:center;gap:1rem;width:100%;height:100%;text-decoration:none;display:flex}.profile ul li a:focus-visible{outline:none}.header-customer{background-color:#e5e9fd;justify-content:flex-end;align-items:center;gap:1rem;width:100%;height:4.5rem;margin:.0625rem .0625rem 0;padding:1rem;display:flex}.logo{margin-right:auto}.profile-img,.message{width:2.5rem;height:2.5rem}.hamburger{display:none}@media (max-width:37.5rem){.hamburger{display:flex}.header-customer{gap:0}a{margin-right:auto;display:flex}}.navbar-customer{background-color:#e5e9fd;flex-direction:column;gap:2rem;width:100%;max-width:15rem;padding:1rem;display:flex}.navbar-customer li{background:0 0;justify-content:center;align-items:center;height:1.875rem;display:flex}.navbar-customer li a{border-radius:.625rem;align-items:center;gap:.5rem;width:100%;padding:.5rem;display:inline-flex}.navbar-customer li a:hover{background:#bed2ff;transition:all .2s ease-in-out}.navbar-customer li a .nav-link-text{text-overflow:ellipsis;align-items:center;width:100%;padding-inline:.3125rem;font-size:1.04rem;font-weight:700;overflow:hidden}.navbar-customer li a img{width:2.2rem;height:2.2rem}.navbar-customer li a.active{background-color:#bed2ff}.navbar-customer li:first-child{margin-top:1rem}.navbar-customer li:nth-last-child(-n+1){margin-top:auto}.logo{outline:#0000;align-items:center;display:flex}.logo:focus-visible{border:2px dotted #3f2bdc;outline:#3f2bdc}.logo img:hover{filter:drop-shadow(2px 4px 6px #3f2bdc)}@media (max-width:46rem){.navbar-customer{z-index:5;justify-content:space-between;align-items:baseline;gap:unset;flex-direction:row;max-width:none;padding:0;position:fixed;bottom:0;left:0;right:0}.navbar-customer li{width:4.375rem}.navbar-customer li a{box-sizing:content-box;flex-direction:column}.navbar-customer li a .nav-link-text{text-align:center;font-size:12px}.navbar-customer li a img{width:1.1rem;height:1.1rem}.navbar-customer .add-new-word{width:3.75rem;height:3.75rem;box-sizing:initial;border-radius:50%}.navbar-customer li:nth-last-child(-n+1){margin-top:0}}.create-buttons .create-quiz,.create-buttons .add-btn{max-width:fit-content;height:48px;margin:initial;padding:0 24px;font-weight:800}.languages-list .language-single.active,.languages-list .language-single:hover{background:#bed2ff}@media (max-width:81.25rem){.list-head,.list-row{grid-template-columns:20px 60px 2fr 75px;align-items:center;padding:1.2rem .5rem;display:grid}.list-head-attempt,.list-row-attempt{grid-template-columns:80px 2fr 1fr;align-items:center;padding:1.2rem .5rem;display:grid}.cards{grid-template-columns:1fr}.category,.streak{display:none}.vocabulary__header{flex-direction:column;gap:1rem}.vocabulary{padding:1rem .5rem}}@media (max-width:46rem){.main-quiz-button.create-quiz-small{max-width:2.5rem;height:2.5rem;margin:0;padding:0;display:flex;position:fixed;bottom:4.1rem;right:.5rem}.main-quiz-button:hover{color:#3f2bdc}}.add-word-page{color:#172554;background:#f7f8ff;padding:28px}.add-word-page .back-btn{color:#3421d6;cursor:pointer;background:0 0;border:0;align-self:baseline;font-size:28px}.add-word-page .page-header{align-items:flex-start;gap:14px;max-width:1070px;margin:0 auto 28px;display:flex}.add-word-page .page-header h1{color:#06154f;margin:0;font-size:34px;font-weight:800;line-height:1}.add-word-page .page-header p{color:#334155;margin:8px 0 0;font-size:14px}.add-word-page .word-card{background:#fff;border:1px solid #cfd5e8;border-radius:10px;max-width:1070px;margin:0 auto;padding:26px}.add-word-page .word-card hr{border:0;border-top:1px solid #d8def0;margin:28px 0}.add-word-page .word-card .target_tip,.add-word-page .word-card .source_tip{margin-top:2rem}.add-word-page .word-card label{color:#172554;font-size:12px;font-weight:700}.add-word-page .word-card label span{color:#e11d48}.add-word-page .word-card input,.add-word-page .word-card select,.add-word-page .word-card textarea{color:#334155;background:#f8f9ff;border:1px solid #cbd5e1;border-radius:7px;outline:none;width:100%;padding:15px;font-size:14px}.add-word-page .word-card input:focus,.add-word-page .word-card select:focus,.add-word-page .word-card textarea:focus{border-color:#4338ca}.add-word-page .word-card textarea{resize:vertical;min-height:126px}.add-word-page .word-card .form-group{flex-direction:column;gap:8px;display:flex}.add-word-page .word-card .form-group.category-group{max-width:340px}.add-word-page .word-card .word-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.add-word-page .word-card .word-grid .word-parent{height:200px;position:relative}.add-word-page .word-card .word-grid .word-parent .word-panel{background:#fbfcff;border:1px dashed #cfd7ed;border-radius:10px;flex-direction:column;gap:14px;height:200px;padding:24px;display:flex;overflow:hidden}.add-word-page .word-card .word-grid .word-parent .word-panel.green{background:#f3fffb;border-color:#bfe8d5}.add-word-page .word-card .word-grid .word-parent .word-panel.green .panel-title span{background:#10b981}.add-word-page .word-card .word-grid .word-parent .word-panel.green .panel-title strong{color:#047857}.add-word-page .word-card .word-grid .word-parent .word-panel .panel-title{align-items:center;gap:9px;margin-bottom:6px;display:flex}.add-word-page .word-card .word-grid .word-parent .word-panel .panel-title span{color:#fff;background:#4f46e5;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;font-weight:800;display:grid}.add-word-page .word-card .word-grid .word-parent .word-panel .panel-title strong{letter-spacing:.08em;font-size:13px}.add-word-page .word-card .word-grid .word-parent .word-panel .source_word-contianer,.add-word-page .word-card .word-grid .word-parent .word-panel .target_word-contianer{gap:.5rem;display:flex}.add-word-page .word-card .word-grid .word-parent .word-panel .source_word-contianer .source_word-input,.add-word-page .word-card .word-grid .word-parent .word-panel .source_word-contianer .target_word-input,.add-word-page .word-card .word-grid .word-parent .word-panel .target_word-contianer .source_word-input,.add-word-page .word-card .word-grid .word-parent .word-panel .target_word-contianer .target_word-input{flex-direction:column;flex:1;gap:14px;display:flex}.add-word-page .word-card .word-grid .word-parent .word-panel .source_word-contianer .source_word-lang,.add-word-page .word-card .word-grid .word-parent .word-panel .source_word-contianer .target_word-lang,.add-word-page .word-card .word-grid .word-parent .word-panel .target_word-contianer .source_word-lang,.add-word-page .word-card .word-grid .word-parent .word-panel .target_word-contianer .target_word-lang{flex-direction:column;gap:14px;width:80px;display:flex}.add-word-page .word-card .word-grid .word-parent .word-panel .source_word-contianer .source_word-lang select,.add-word-page .word-card .word-grid .word-parent .word-panel .source_word-contianer .target_word-lang select,.add-word-page .word-card .word-grid .word-parent .word-panel .target_word-contianer .source_word-lang select,.add-word-page .word-card .word-grid .word-parent .word-panel .target_word-contianer .target_word-lang select{padding-inline:7px}.add-word-page .word-card .word-grid .word-parent .add-more-option{height:500px}.add-word-page .word-card .word-grid .button-container{z-index:2;justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(11px)}.add-word-page .word-card .word-grid .more-target-button,.add-word-page .word-card .word-grid .more-source-button{background:#fff;border:1px solid #e5e7eb;border-radius:.625rem;padding-inline:1rem;transition:all .2s ease-in-out}.add-word-page .word-card .word-grid .more-target-button:hover,.add-word-page .word-card .word-grid .more-source-button:hover{color:#bed2ff}.add-word-page .word-card .word-grid .add-more-option{height:500px}.add-word-page .word-card .word-grid .pro-tip{background:#f4f5ff;border:1px solid #dfe3f5;border-radius:9px;gap:14px;margin-top:28px;padding:20px 24px;display:flex}.add-word-page .word-card .word-grid .pro-tip strong{color:#3421d6;margin-bottom:4px;font-size:13px;display:block}.add-word-page .word-card .word-grid .pro-tip p{color:#172554;margin:0;font-size:13px}.add-word-page .word-card .word-grid .actions{justify-content:flex-end;align-items:center;gap:26px;display:flex}.add-word-page .word-card .word-grid .actions button{cursor:pointer;font-family:inherit;font-weight:700}.add-word-page .word-card .word-grid .actions .cancel-btn{color:#3421d6;background:0 0;border:0}.add-word-page .word-card .word-grid .actions .save-btn{color:#fff;background:#3421d6;border:0;border-radius:7px;align-items:center;gap:16px;padding:17px 32px;display:flex;box-shadow:0 8px 18px #3421d638}@media (max-width:768px){.add-word-page{padding:.7rem}.add-word-page .page-header h1{font-size:1.75rem}.add-word-page .word-card{padding:1.125rem}.add-word-page .word-card .form-group.category-group{max-width:100%}.add-word-page .word-card .word-grid{grid-template-columns:1fr}}.vocab-page{color:#151633;background:#f7f8fd;flex-direction:column;justify-content:start;gap:1rem;width:100%;padding:2rem;display:flex}.vocab-page .languages-list{flex-wrap:wrap;gap:16px;display:flex}.vocab-page .languages-list .language-single{background:#eef5ff;border-radius:.625rem;height:fit-content}.vocab-page .languages-list .language-single.active,.vocab-page .languages-list .language-single:hover{background:#bed2ff}.vocab-page .languages-list .language-single .language-button{width:100%;padding:.5rem 1rem}.vocab-page .stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px;display:grid}.vocab-page .stats .stat{background:#fff;border:1px solid #dfe3ef;border-radius:12px;align-items:center;gap:16px;padding:18px;display:flex}.vocab-page .stats .stat>span{background:#eeeaff;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.vocab-page .stats .stat small{color:#a0a6ba;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.vocab-page .stats .stat strong{font-size:22px}.vocab-page .category .no-category{text-align:center;margin:auto;padding:1rem}.vocab-page .category .card{background:#fff;border:1px solid #dfe3ef;border-radius:12px;flex-direction:column;justify-content:space-between;width:300px;min-height:150px;padding:22px;display:flex;position:relative}.vocab-page .category .card.wide{grid-column:span 2}.vocab-page .category .card .card-actions{color:#667085;gap:16px;display:flex}.vocab-page .category .card .card-actions .edit{position:absolute;top:18px;right:18px}.vocab-page .category .card .icon{color:#fff;background:#5438e8;border-radius:10px;place-items:center;width:48px;height:48px;margin-bottom:14px;display:grid}.vocab-page .category .card .tag{color:#fff;background:#21d07a;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:900;position:absolute;top:26px;left:82px}.vocab-page .category .card h3{margin:0 0 10px;font-size:18px}.vocab-page .category .card p{color:#3d4460;margin:0;font-size:14px;line-height:1.45}.vocab-page .category .card footer{justify-content:space-between;align-items:center;margin-top:24px;font-size:12px;display:flex}.vocab-page .category .card footer .mastered{color:#027a48}.vocab-page .category .card footer .pill{color:#b54708;background:#fff0dd;border-radius:999px;padding:5px 8px;font-weight:800}.vocab-page .category .add-card small{color:#667085}.vocab-page .bottom{grid-template-columns:2fr 1fr;gap:22px;display:grid}.vocab-page .bottom .activity,.vocab-page .bottom .streak{background:#fff;border:1px solid #dfe3ef;border-radius:12px}.vocab-page .bottom .activity{padding:22px}.vocab-page .bottom .activity .activity-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.vocab-page .bottom .activity .activity-head h3{margin:0}.vocab-page .bottom .activity .activity-head a{color:#3f2bdc;font-size:13px;font-weight:800}.vocab-page .bottom .activity .activity-row{justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.vocab-page .bottom .activity .activity-row>span{color:#fff;background:#65e6a6;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.vocab-page .bottom .activity .activity-row div{flex:1}.vocab-page .bottom .activity .activity-row small{color:#667085;margin-top:4px;display:block}.vocab-page .bottom .activity .activity-row b{color:#039855}.vocab-page .bottom .streak{color:#fff;background:#3f2bdc;padding:26px;box-shadow:0 14px 28px #3f2bdc4d}.vocab-page .bottom .streak span{font-size:13px;font-weight:900}.vocab-page .bottom .streak h2{margin:18px 0 12px}.vocab-page .bottom .streak p{opacity:.9;line-height:1.6}.vocab-page .bottom .streak button{color:#3f2bdc;background:#fff;border:0;border-radius:9px;width:100%;height:48px;font-weight:900}@media (max-width:900px){.vocab-page .stats,.vocab-page .grid{grid-template-columns:repeat(2,1fr)}.vocab-page .bottom{grid-template-columns:1fr}.vocab-page .card.wide{grid-column:span 2}}@media (max-width:600px){.vocab-page{padding:20px}.vocab-page .topbar,.vocab-page .activity-row{flex-direction:column;align-items:stretch}.vocab-page .topbar button{width:100%}.vocab-page .stats,.vocab-page .grid,.vocab-page .bottom{grid-template-columns:1fr}.vocab-page .card.wide{grid-column:span 1}}@media (max-width:768px){.add-category-card{margin:20px;padding:24px}.add-category-card .form-header{align-items:flex-start}.add-category-card .form-actions{flex-direction:column-reverse}.add-category-card .form-actions button{width:100%}}@media (max-width:480px){.add-category-card .color-options{gap:12px}.add-category-card .color-options .color-option{width:42px;height:42px}}.add-category-card{background:#fff;border:1px solid #dfe3ef;border-radius:20px;width:100%;max-width:620px;margin:30px auto;padding:40px;box-shadow:0 12px 30px #10182814}.add-category-card .form-header{align-items:center;gap:18px;margin-bottom:36px;display:flex}.add-category-card .form-header .header-icon{color:#3f2bdc;background:#3f2bdc1f;border-radius:12px;justify-content:center;align-items:center;min-width:52px;min-height:52px;font-size:24px;font-weight:700;display:flex}.add-category-card .form-header h2{color:#151633;margin:0;font-size:2rem;font-weight:700}.add-category-card .form-header p{color:#667085;margin-top:4px;font-size:.95rem}.add-category-card .category-form{flex-direction:column;gap:1rem;display:flex}.add-category-card .category-form .form-group{flex-direction:column;gap:.3rem;display:flex}.add-category-card .category-form .form-group.category-group{max-width:340px}.add-category-card .category-form input,.add-category-card .category-form select,.add-category-card .category-form textarea{color:#334155;background:#f8f9ff;border:1px solid #cbd5e1;border-radius:7px;outline:none;width:100%;padding:15px;font-size:14px}.add-category-card .category-form input:focus,.add-category-card .category-form select:focus,.add-category-card .category-form textarea:focus{border-color:#4338ca}.add-category-card .category-form label{color:#151633;font-weight:600}.add-category-card .category-form .input-wrap{flex-direction:column;gap:.3rem;display:flex}.add-category-card .category-form .input-wrap input{border:1.5px solid #dfe3ef;border-radius:12px;outline:none;width:100%;height:56px;padding:0 50px 0 18px;font-size:16px;transition:all .25s}.add-category-card .category-form .input-wrap input::placeholder{color:#98a2b3}.add-category-card .category-form .input-wrap input:focus{border-color:#3f2bdc}.add-category-card .category-form .input-wrap .input-icon{color:#98a2b3;font-size:18px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.add-category-card .category-form small{color:#667085;font-size:.85rem;font-style:italic}.add-category-card .category-form .color-section{margin-top:36px}.add-category-card .category-form .color-section h4{color:#151633;margin-bottom:18px;font-size:1rem}.add-category-card .category-form .color-section .color-options{gap:18px;display:flex}.add-category-card .category-form .color-section .color-options .color-option{cursor:pointer;border:none;border-radius:50%;width:48px;height:48px;transition:all .2s;position:relative}.add-category-card .category-form .color-section .color-options .color-option:hover{transform:scale(1.08)}.add-category-card .category-form .color-section .color-options .color-option.active{box-shadow:0 0 0 3px #fff,0 0 0 5px #3f2bdc}.add-category-card .category-form .color-section .color-options .color-option.purple{background:#4338ca}.add-category-card .category-form .color-section .color-options .color-option.green{background:#5eead4}.add-category-card .category-form .color-section .color-options .color-option.orange{background:#fbbf24}.add-category-card .category-form .color-section .color-options .color-option.pink{background:#fecdd3}.add-category-card .category-form .form-actions{border-top:1px solid #edf0f5;justify-content:flex-end;gap:18px;margin-top:50px;padding-top:28px;display:flex}.add-category-card .category-form .form-actions .cancel-btn{color:#3f2bdc;background:0 0;min-width:140px;height:50px;font-size:16px;font-weight:600;transition:all .25s}.add-category-card .category-form .form-actions .cancel-btn:hover{background:#3f2bdc0f}.add-category-card .category-form .form-actions .save-btn{margin:initial;box-shadow:0 8px 18px #3f2bdc40}@media (max-width:768px){.add-category-card{margin:20px;padding:24px}.add-category-card .form-header{align-items:flex-start}.add-category-card .form-actions{flex-direction:column-reverse}.add-category-card .form-actions button{width:100%}}@media (max-width:480px){.add-category-card .color-options{gap:12px}.add-category-card .color-options .color-option{width:42px;height:42px}}.vocabulary{color:#222;background:#fafbff;flex-direction:column;gap:1rem;width:100%;padding:2rem;display:flex}.vocabulary__header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.vocabulary__header h1{margin-bottom:.5rem;font-size:2rem;font-weight:700}.vocabulary__header p{color:#666;max-width:650px}.main-quiz-button.create-quiz-small{margin:0;padding:0;display:none}.create-buttons{flex-direction:row;gap:1rem;display:flex}.create-buttons .create-quiz,.create-buttons .add-btn{max-width:fit-content;height:48px;margin:initial;padding:0 24px;font-weight:800}.languages-list{flex-wrap:wrap;gap:16px;display:flex}.languages-list .language-single{background:#eef5ff;border-radius:.625rem;height:fit-content}.languages-list .language-single.active,.languages-list .language-single:hover{background:#bed2ff}.languages-list .language-single .language-button{width:100%;padding:.5rem 1rem}.no-words{text-align:center;margin:auto;padding:1rem}.word-list{background:#fff;border:1px solid #ececec;border-radius:16px;flex-direction:column;height:100%;display:flex;overflow:hidden}.word-list-attempt{background:#fff;border:1px solid #ececec;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.attempt-list{background:#fff;border:1px solid #ececec;border-radius:16px;width:fit-content;overflow:hidden}.list-head,.list-row{grid-template-columns:20px 90px 1fr 160px 140px 80px;align-items:center;display:grid}.list-head-attempt,.list-row-attempt{grid-template-columns:90px 3.5fr 160px 140px 80px;align-items:center;display:grid}.list-head-score,.list-head-attempt,.list-head{text-transform:uppercase;color:#888;background:#eef5ff;padding:1rem;font-size:.85rem;font-weight:600}.list-row-score,.list-row-attempt,.list-row{border-top:1px solid #efefef;padding:1.2rem 1rem}.list-row-score:hover,.list-row-attempt:hover,.list-row:hover{background:#fafcff}.check,.checkbox{justify-content:center;align-items:center;display:flex}.rank{text-align:center;color:#4b38f5;font-weight:700}.word{justify-content:start;align-items:center;gap:.3rem;display:flex}.word h3{color:#4738d6;margin:0;font-size:1rem}.word p{color:#444;margin:0}.word span{color:#bbb;font-size:1.2rem}.badge{border-radius:999px;padding:.3rem .8rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge.travel{color:#10a56b;background:#d9fff0}.badge.psychology{color:#6a4cff;background:#ece8ff}.badge.phrases{color:#d68a00;background:#ffe8c7}.badge.culture{color:#11af7d;background:#d8fff2}.streak{align-items:center;gap:.4rem;display:flex}.streak strong{font-size:1rem}.streak span{color:#777}.actions{justify-content:center;display:flex}.actions a{margin:0}.pagination{justify-content:space-between;align-items:center;margin-top:auto;padding:1rem;display:flex}.pagination .pages{align-items:center;gap:.5rem;display:flex}.pagination .btn-pagination{padding:unset;padding-inline:.5rem}.cards{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;display:grid}.card{background:#edf4ff;border-radius:18px;padding:1.5rem}.card h3{margin-bottom:.8rem}.card p{color:#666;margin-bottom:1rem}.progress{background:#dfe4ef;border-radius:10px;width:100%;height:10px;margin-bottom:.7rem;overflow:hidden}.progress-fill{background:#4b38f5;width:60%;height:100%}.review{color:#fff;background:linear-gradient(135deg,#4338ca,#5635ff)}.review p{color:#ffffffd9}.review button{color:#4338ca;cursor:pointer;background:#fff;border:none;border-radius:12px;width:100%;margin-top:1rem;padding:.9rem;font-weight:600}@media (max-width:81.25rem){.list-head,.list-row{grid-template-columns:20px 60px 2fr 75px;align-items:center;padding:1.2rem .5rem;display:grid}.list-head-attempt,.list-row-attempt{grid-template-columns:80px 2fr 1fr;align-items:center;padding:1.2rem .5rem;display:grid}.cards{grid-template-columns:1fr}.category,.streak{display:none}.vocabulary__header{flex-direction:column;gap:1rem}.vocabulary{padding:1rem .5rem}}@media (max-width:46rem){.main-quiz-button.create-quiz-small{max-width:2.5rem;height:2.5rem;margin:0;padding:0;display:flex;position:fixed;bottom:4.1rem;right:.5rem}.main-quiz-button:hover{color:#3f2bdc}}.vocabulary-card{background:#fff;border:.0625rem solid #dbe3ef;border-radius:.625rem;width:calc(100% - 2.5rem);max-width:50rem;margin:1.25rem;overflow:hidden}.card-header{background:#eef5ff;border-bottom:1px solid #d9e6f5;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-header h3{color:#1b2b45;margin:0;font-size:18px;font-weight:700}.card-header .badge{color:#5f6b7a;background:#fff;border:1px solid #cfd8e6;border-radius:5px;padding:5px 10px;font-size:12px;font-weight:600}.table{flex-direction:column;display:flex}.list-head-score,.list-row-score{text-align:center;grid-template-columns:90px 2fr 1fr 1fr;display:grid}.status{justify-content:center;display:flex}.icon{border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:grid}.icon.success{color:#fff;background:#16a34a}.icon.error{color:#fff;background:#dc2626}.vocabulary-details{display:none}.show-vocabulary-details{z-index:10;background-color:#3421d666;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.action-button{gap:1rem}.action-button .main-quiz-button.all-quiz-add-btn{margin:0}@media (max-width:46rem){.profile-user{width:100%;padding:1rem}.profile-user__row{grid-template-columns:1fr;gap:.5rem}.profile-user__card{padding:1rem}}.edit-button{background:#e5e9fd;border:.0625rem solid #0000;border-radius:.625rem;place-self:flex-start baseline;transition:all .2s ease-in-out;display:flex}.edit-button svg path{fill:#3f2bdc}.edit-button:hover,.edit-button:focus{background:#3f2bdc;outline:none}.edit-button:hover svg path,.edit-button:focus svg path{fill:#f7f8ff}.profile-user{flex-direction:column;justify-content:center;padding:2rem;display:flex}.profile-user .title{font-size:1.8rem}.profile-user .features-title{margin-top:1rem;font-size:1.25rem}.profile-user__avatar{object-fit:cover;border-radius:50%}.profile-user__single{flex-direction:column;display:flex}.profile-user__single:not(:last-child){border-bottom:1px solid #f3f4f6}.profile-user__card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:900px;padding:2rem;box-shadow:0 2px 8px #0000000d}.profile-user__row{grid-template-columns:9.378rem 1fr;align-items:start;gap:12px;padding:12px 0;display:grid;overflow:hidden}.profile-user__label{color:#6b7280;font-size:15px;font-weight:500}.profile-user__value{color:#111827;font-size:15px;font-weight:600}.profile-user__textarea{border:.0625rem solid #e5e9fd;border-radius:.625rem;padding:.5rem}.profile-user__textarea:hover{border:.0625rem solid #e5e9fd}.profile-user__textarea:focus{background-color:#fff;border:.0625rem solid #3f2bdc;outline:#e5e9fd}.profile-user__textarea:-webkit-autofill{box-shadow:inset 0 0 0 62.5rem #fff}.profile-user .warn-profile{text-align:center;margin-top:-10px;margin-bottom:12px}.profile-user .edit-button{margin-top:2rem}.main-quiz-button.delete-btn{max-width:fit-content;margin:1rem 0 0}.main-quiz-button.delete-btn:hover,.main-quiz-button.delete-btn:focus-visible{color:red;background-color:#e5e9fd;border:1px solid red}@media (max-width:46rem){.profile-user{width:100%;padding:1rem}.profile-user__row{grid-template-columns:1fr;gap:.5rem}.profile-user__card{padding:1rem}}.input-field{background-color:#fff;border:.0625rem solid #e5e9fd;border-radius:.625rem;width:100%;height:3.07rem;padding-block:1.125rem;padding-inline:1rem;transition:all .2s ease-in-out}.input-field:hover{border:.0625rem solid #e5e9fd}.input-field:focus{background-color:#fff;border:.0625rem solid #3f2bdc;outline:#e5e9fd}.input-field:-webkit-autofill{box-shadow:inset 0 0 0 62.5rem #fff}.input-select{color:#334155;background:#f8f9ff;border:1px solid #cbd5e1;border-radius:7px;outline:none;width:100%;padding:15px;font-size:14px}.input-select:hover{border:.0625rem solid #e5e9fd}.input-select:focus{background-color:#fff;border:.0625rem solid #3f2bdc;outline:#e5e9fd}.input-select:-webkit-autofill{box-shadow:inset 0 0 0 62.5rem #fff}.main-auth{justify-content:center;align-items:center;display:flex}.main-auth .main-content-customer{background-color:#e5e9fd;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:37.875rem;margin:.625rem;padding:2.5rem;display:flex;position:relative;overflow:hidden}.main-auth .main-content-customer.choose-languages{z-index:1000;background-color:#e5e9fd;border-radius:1.25rem;max-width:none;margin:0;padding:2.5rem;position:fixed;inset:0}.main-auth .main-content-customer .form-title{text-align:center;justify-content:center;align-items:center;width:100%;height:2.5rem;margin-bottom:1.875rem;font-size:1.8rem;font-weight:500;display:flex}.main-auth .main-content-customer .form-title .form-title-name{color:#3f2bdc;text-align:center;font-size:1.8rem;font-weight:700;line-height:normal}.main-auth .main-content-customer .description{text-align:center;margin-bottom:1.875rem}.main-auth .main-content-customer .description .new-user-link{color:#3f2bdc;border:.125rem dotted #0000;display:inline-block}.main-auth .main-content-customer .description .new-user-link.confirmation{margin-top:1rem}.main-auth .main-content-customer .description .new-user-link:hover{text-decoration:underline}.main-auth .main-content-customer .description .new-user-link:focus-visible{border:.125rem dotted #3f2bdc;outline:#3f2bdc}.main-auth .main-content-customer form{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.main-auth .main-content-customer form .input-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.main-auth .main-content-customer form .input-container .input-icon{justify-content:center;align-items:center;padding:0 1.5625rem;display:inline-flex;position:absolute;top:2.375rem;left:0}.main-auth .main-content-customer form .input-container .warn-txt-hight{height:55px}.main-auth .main-content-customer form .input-container .eye-button{background:0 0;border:.0625rem solid #0000;outline:none;justify-content:center;align-items:center;padding:0 1.5625rem;display:inline-flex;position:absolute;top:2.275rem;right:0}.main-auth .main-content-customer form .input-container .eye-button:focus-visible{color:#e5e9fd;background-color:#e5e9fd;border:.0625rem solid #3f2bdc}.main-auth .main-content-customer form .checkbox-container{gap:.5rem;width:100%;max-width:31.25rem;display:flex}.main-auth .main-content-customer form .checkbox-container .checkbox-content{align-items:center;column-gap:.625rem;display:flex}.main-auth .main-content-customer form .checkbox-container .checkbox-content input{cursor:pointer;width:1.25rem;height:1.25rem;margin-bottom:auto;display:flex}.main-auth .main-content-customer form .checkbox-container label{text-align:left;font-size:1rem;font-weight:400;line-height:1.05rem;display:ruby}.main-auth .main-content-customer form .checkbox-container label .privacy{color:#3f2bdc;cursor:pointer;text-decoration:none}.main-auth .main-content-customer form .checkbox-container label .privacy:hover{text-decoration:underline}.main-auth .main-content-customer form .input-field{background-color:#fff;border:.0625rem solid #e5e9fd;border-radius:.625rem;width:100%;height:3.07rem;padding-top:1.125rem;padding-bottom:1.125rem;padding-left:5.3125rem;transition:all .2s ease-in-out}.main-auth .main-content-customer form .input-field:hover{border:.0625rem solid #e5e9fd}.main-auth .main-content-customer form .input-field:focus{background-color:#fff;border:.0625rem solid #3f2bdc;outline:#e5e9fd}.main-auth .main-content-customer form .input-field:-webkit-autofill{box-shadow:inset 0 0 0 62.5rem #fff}.main-auth .main-content-customer form .btn-password{color:#3f2bdc;background:0 0;border:.0625rem solid #0000;border-radius:.625rem;justify-content:center;width:fit-content;margin:0 0 1rem;padding:.3125rem .9375rem;text-decoration:none;transition:all .175s ease-in-out;display:flex}.main-auth .main-content-customer form .btn-password:hover{color:#3f2bdc;background:#fff}.main-auth .main-content-customer form .btn-password:focus{color:#3f2bdc;background:#fff;border:.0625rem solid #e5e9fd;outline:#e5e9fd}.main-auth .main-content-customer form .seperator-container{justify-content:center;width:100%;margin-bottom:1.875rem;display:flex;position:relative}.main-auth .main-content-customer form .seperator-container:before{content:"";background-color:#e5e9fd;width:100%;height:.125rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-auth .main-content-customer form .seperator-container .sep-line-txt{z-index:1;background-color:#e5e9fd;border-radius:.625rem;padding-inline:.9375rem;display:flex}.main-auth .main-content-customer .btn-google{color:#e5e9fd;background-color:#e5e9fd;border:.0625rem solid #0000;border-radius:.625rem;justify-content:center;align-items:center;width:100%;height:3.75rem;transition:all .175s ease-in-out;display:flex}.main-auth .main-content-customer .btn-google:hover{border:.0625rem solid #e5e9fd;outline:#e5e9fd;font-weight:500}.main-auth .main-content-customer .btn-google:focus{border:.0625rem solid #e5e9fd;outline:#e5e9fd}.main-auth .main-content-customer .btn-google img{margin-right:1rem}.main-auth .main-content-customer .btn-container{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}.main-auth .main-content-customer .btn-container .back-button{display:none}.main-auth .main-content-customer .btn-container .forward-btn{color:#e5e9fd;background-color:#e5e9fd;border:.0625rem solid #0000;border-radius:.625rem;gap:10px;width:fit-content;margin-top:auto;padding:12px 25px;font-size:1.125rem;font-weight:700;transition:all .2s ease-in-out;display:flex}.main-auth .main-content-customer .btn-container .forward-btn:hover,.main-auth .main-content-customer .btn-container .forward-btn:focus-visible{color:#e5e9fd;background-color:#e5e9fd;border:1px solid #e5e9fd}.main-auth .main-content-customer .btn-container .back-button{visibility:visible}main .main-content-customer .btn-container .back-button{visibility:hidden}@media (max-width:31.25rem){.main-auth{margin:.5rem}.main-auth .main-content-customer{padding:.5rem}.main-auth .main-content-customer form .input-field{padding-left:3rem}.main-auth .main-content-customer form .btn-password{margin:0 0 1rem}.main-auth .main-content-customer form .input-container .input-icon{padding:0 1rem}.main-auth .main-content .btn-container{gap:.875rem}.main-auth .main-content .btn-container .login-btn,.main-auth .main-content .btn-container .guest-btn{padding:.625rem .3125rem}.main-auth .main-content .legal-imprint-container{gap:0}}@font-face{font-family:Lexend;src:url(/fonts/Lexend/Lexend-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal}@media (max-width:48rem){.action-buttons{justify-content:space-between}.action-buttons .save-btn{width:fit-content;padding:0;padding-inline:1rem}.action-buttons .cancel-btn{min-width:fit-content;height:fit-content;padding:0;padding-inline:1rem}}.radio-option,.checkbox-option{gap:1rem;width:6rem;display:inline-flex}.vocab-page .topbar{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:28px;display:flex}.vocab-page .topbar h1{margin:0;font-size:2rem}.vocab-page .topbar p{color:#667085;margin:6px 0 0}.vocab-page .topbar .add-new-category-button{max-width:fit-content;height:48px;margin:initial;padding:0 24px;font-weight:800}.vocab-page{color:#151633;background:#f7f8fd;flex-direction:column;justify-content:start;width:100%;padding:2rem;display:flex}.vocab-page .category{grid-template-columns:repeat(auto-fit,minmax(12.5rem,18.75rem));gap:1.25rem;margin-bottom:2rem;display:grid}.vocab-page .category .no-quiz{text-align:center;margin:auto;padding:1rem}.vocab-page .category .vocab-card{color:#07152f;background:#fff;border:.0625rem solid #d8d6e8;border-radius:.625rem;min-height:12.5rem;padding:1rem;position:relative;box-shadow:0 1px 2px #1414280a}.vocab-page .category .vocab-card__top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.vocab-page .category .vocab-card h3{margin:0 0 8px;font-size:18px;line-height:1.2}.vocab-page .category .vocab-card__footer{border-top:.0625rem solid #eef0f5;justify-content:space-between;align-items:flex-end;margin-top:1rem;padding-top:1rem;display:flex}.vocab-page .category .vocab-card__meta{align-items:center;gap:8px;font-size:.8rem;text-decoration:underline;display:flex}.vocab-page .category .vocab-card__meta:hover{color:#3f2bdc}.vocab-page .category .vocab-card__meta strong{font-weight:700}.vocab-page .category .vocab-card .edit{position:absolute;top:18px;right:18px}.vocab-page .category .vocab-card__updated{text-align:right;font-size:.8rem}.vocab-page .category .vocab-card__updated span{letter-spacing:.04em;font-size:7px;font-weight:800;display:block}.vocab-page .category .vocab-card__updated strong{font-size:.8rem;font-weight:700;display:block}.vocab-page .category .add-card{color:#151633;background:0 0;border:2px dashed #cfd5e8;border-radius:12px;align-content:center;place-items:center;gap:6px;min-height:150px;display:grid}.vocab-page .category .add-card span{color:#8aa0c8;font-size:28px}.vocab-page .category .add-card small{color:#667085;text-align:center}.action-button{justify-content:space-around;align-items:center;height:4rem;display:flex}.action-button__icon{margin:0}@media (max-width:900px){.stats,.grid{grid-template-columns:repeat(2,1fr)}.bottom{grid-template-columns:1fr}.card.wide{grid-column:span 2}}@media (max-width:600px){.topbar,.activity-row{flex-direction:column;align-items:stretch}.topbar button{width:100%}}@media (max-width:43.75rem){.quiz-card{padding:2rem}.quiz-card__header{flex-direction:column;align-items:center}.quiz-card__title{text-align:center;font-size:2.1rem}.quiz-card__enter{display:none}.quiz-card__input{padding-right:1.5rem}.show-hint{font-size:.9rem}}.results{color:#172554;background:#f7f8ff;width:100%;max-width:1100px;min-height:100vh;margin:20px auto;padding:1.75rem}.results .add-btn{margin:0 1.25rem 0 0}.table-row{border-bottom:1px solid #edf1f6;grid-template-columns:50px 1fr 1fr 1fr;align-items:center;padding:18px 20px;display:grid}.table-row:last-child{border-bottom:none}.table-row.wrong{background:#fff7f7}.column{flex-direction:column;gap:5px;display:flex}.column .label{color:#8a94a6;text-transform:uppercase;font-size:11px;font-weight:700}.column h4{color:#17233b;margin:0;font-size:21px;font-weight:700}.column p{color:#1f2937;margin:0;font-size:16px;font-weight:500}.column .correct{color:#0f8f54;font-weight:600}.column .incorrect{color:#d14343;text-decoration:line-through}@media (max-width:43.75rem){.results{padding:.625rem}.table-row{border-bottom:1px solid #edf1f6;grid-template-columns:50px 1fr 1fr 1fr;align-items:center;padding:.5rem 0;display:grid}.table-row:last-child{border-bottom:none}.table-row.wrong{background:#fff7f7}.column .label{font-size:8px}.column h4,.column .answer,.column .correct{font-size:1rem}}.quiz-card.learn-card{flex-direction:column;align-items:center;gap:1rem;display:flex}.quiz-card__title-learn{align-items:center;gap:.6rem;font-size:1rem;font-weight:700;display:flex}.quiz-card__subtitle{text-align:center;color:#555870;margin:0 0 1rem;font-size:1.2rem}.quiz-card__form .play-button{margin-top:1rem}.quiz-card__label{color:#4d5063;margin-bottom:.75rem;font-weight:600;display:block;position:absolute}.quiz-card__line{background-color:#0003;width:16rem;height:1px;transform:translateY(1rem)}.quiz-card__answer-wrapper-learn{color:#3f2bdc;background:#fff;width:fit-content;padding-inline:.3125rem;font-size:3rem;line-height:1}.quiz-card__input{padding:1.35rem 1.5rem;border:1px solid #d8d8eb;border-radius:16px;outline:none;width:100%;padding-right:170px;font-size:1.15rem;transition:all .2s}.quiz-card__input::placeholder{color:#b6b3c9;font-weight:600}.quiz-card__input:focus{border-color:#4b2bd6;box-shadow:0 0 0 4px #4b2bd61f}@media (max-width:43.75rem){.quiz-card{padding:2rem}.quiz-card__header{flex-direction:column;align-items:center}.quiz-card__title{text-align:center;font-size:2.1rem}.quiz-card__enter{display:none}.quiz-card__input{padding-right:1.5rem}.show-hint{font-size:.9rem}}.privacy-policy,.imprint{background-color:#fff;border-radius:.625rem;flex-direction:column;align-items:center;width:95%;max-width:100%;min-height:calc(100vh - 177px);margin-inline:1rem;display:flex}.privacy-policy .arrow-back,.imprint .arrow-back{margin-top:1rem}.privacy-policy-title,.imprint-title{margin-bottom:1.25rem;font-size:1.5rem}.privacy-policy-description p,.imprint-description p{margin-bottom:1rem}.privacy-policy-description h2,.imprint-description h2{font-size:1.3rem}.privacy-policy-description h3,.imprint-description h3{font-size:1.1rem}.privacy-policy-description p:first-child,.imprint-description p:nth-child(2){font-weight:700}.privacy-policy-description p a[target=_blank]{word-break:break-all}@font-face{font-family:Lexend;src:url(/fonts/Lexend/Lexend-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal}@media (max-width:48rem){.action-buttons{justify-content:space-between}.action-buttons .save-btn{width:fit-content;padding:0;padding-inline:1rem}.action-buttons .cancel-btn{min-width:fit-content;height:fit-content;padding:0;padding-inline:1rem}}.main-price{justify-content:flex-start;align-items:center;display:flex}.price{text-align:center;margin-top:2rem}@font-face{font-family:Lexend;src:url(/fonts/Lexend/Lexend-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal}@media (max-width:48rem){.action-buttons{justify-content:space-between}.action-buttons .save-btn{width:fit-content;padding:0;padding-inline:1rem}.action-buttons .cancel-btn{min-width:fit-content;height:fit-content;padding:0;padding-inline:1rem}}.help-desk{flex-direction:column;justify-content:space-around;align-items:center;width:100%;display:flex}.help-desk-main{justify-content:flex-start;display:flex}.help-desk-list-content{flex-direction:column;width:100%;max-width:62.5rem;padding-block:.625rem;display:flex}details{interpolate-size:allow-keywords;width:100%;max-width:62.5rem;padding:.625rem;position:relative}summary{text-align:start;cursor:pointer;text-overflow:ellipsis;padding:.5rem;background:#c1bce9;border-radius:.625rem;padding-right:3rem;font-size:1.1rem;font-weight:500;position:relative;overflow:hidden;scale:1}summary:after{content:url(/assets/plus.svg);position:absolute;right:1rem}details[open] summary:after{content:url(/assets/minus.svg)}summary::marker{content:""}details::-webkit-details-marker{display:none}summary:hover{scale:1.02}details::details-content{transition:block-size 1s,content-visibility 1s allow-discrete;block-size:0;overflow:hidden}details[open]::details-content{block-size:auto}.back-button{margin:1rem}.change-email-customer{background-color:#fff;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:37.875rem;margin:.625rem;padding:2.5rem;display:flex;position:relative;overflow:hidden}.change-email-customer .form-title{text-align:center;justify-content:center;align-items:center;width:100%;margin-bottom:1.875rem;font-size:1.8rem;font-weight:500;display:flex}.change-email-customer .form-title .form-title-name{color:#3f2bdc;text-align:center;font-size:1.8rem;font-weight:700;line-height:normal}.change-email-customer .description{text-align:center;margin-bottom:1.875rem}.change-email-customer .description .new-user-link{color:#3f2bdc;border:.125rem dotted #0000;display:inline-block}.change-email-customer .description .new-user-link.confirmation{margin-top:1rem}.change-email-customer .description .new-user-link:hover{text-decoration:underline}.change-email-customer .description .new-user-link:focus-visible{border:.125rem dotted #3f2bdc;outline:#3f2bdc}.change-email-customer form{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.change-email-customer form .input-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.change-email-customer form .input-container .input-icon{justify-content:center;align-items:center;padding:0 1.5625rem;display:inline-flex;position:absolute;top:2.375rem;left:0}.change-email-customer form .input-container .warn-txt-hight{height:55px}.change-email-customer form .input-container .eye-button{background:0 0;border:.0625rem solid #0000;outline:none;justify-content:center;align-items:center;padding:0 1.5625rem;display:inline-flex;position:absolute;top:2.275rem;right:0}.change-email-customer form .input-container .eye-button:focus-visible{color:#e5e9fd;background-color:#e5e9fd;border:.0625rem solid #3f2bdc}.change-email-customer form .checkbox-container{gap:.5rem;width:100%;max-width:31.25rem;display:flex}.change-email-customer form .checkbox-container .checkbox-content{align-items:center;column-gap:.625rem;display:flex}.change-email-customer form .checkbox-container .checkbox-content input{cursor:pointer;width:1.25rem;height:1.25rem;margin-bottom:auto;display:flex}.change-email-customer form .checkbox-container label{text-align:left;font-size:1rem;font-weight:400;line-height:1.05rem;display:ruby}.change-email-customer form .checkbox-container label .privacy{color:#3f2bdc;cursor:pointer;text-decoration:none}.change-email-customer form .checkbox-container label .privacy:hover{text-decoration:underline}.change-email-customer form .input-field{background-color:#fff;border:.0625rem solid #e5e9fd;border-radius:.625rem;width:100%;height:3.07rem;padding-top:1.125rem;padding-bottom:1.125rem;padding-left:5.3125rem;transition:all .2s ease-in-out}.change-email-customer form .input-field:hover{border:.0625rem solid #e5e9fd}.change-email-customer form .input-field:focus{background-color:#fff;border:.0625rem solid #3f2bdc;outline:#e5e9fd}.change-email-customer form .input-field:-webkit-autofill{box-shadow:inset 0 0 0 62.5rem #fff}.change-email-customer form .btn-password{color:#3f2bdc;background:0 0;border:.0625rem solid #0000;border-radius:.625rem;justify-content:center;width:fit-content;margin-bottom:1rem;padding:.3125rem .9375rem;text-decoration:none;transition:all .175s ease-in-out;display:flex}.change-email-customer form .btn-password:hover{color:#3f2bdc;background:#fff}.change-email-customer form .btn-password:focus{color:#3f2bdc;background:#fff;border:.0625rem solid #e5e9fd;outline:#e5e9fd}.change-email-customer form .seperator-container{justify-content:center;width:100%;margin-bottom:1.875rem;display:flex;position:relative}.change-email-customer form .seperator-container:before{content:"";background-color:#e5e9fd;width:100%;height:.125rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.change-email-customer form .seperator-container .sep-line-txt{z-index:1;background-color:#e5e9fd;border-radius:.625rem;padding-inline:.9375rem;display:flex}.change-email-customer .btn-google{color:#e5e9fd;background-color:#e5e9fd;border:.0625rem solid #0000;border-radius:.625rem;justify-content:center;align-items:center;width:100%;height:3.75rem;transition:all .175s ease-in-out;display:flex}.change-email-customer .btn-google:hover{border:.0625rem solid #e5e9fd;outline:#e5e9fd;font-weight:500}.change-email-customer .btn-google:focus{border:.0625rem solid #e5e9fd;outline:#e5e9fd}.change-email-customer .btn-google img{margin-right:1rem}.change-email-customer .btn-container{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}.change-email-customer .btn-container .back-button{display:none}.change-email-customer .btn-container .forward-btn{color:#e5e9fd;background-color:#e5e9fd;border:.0625rem solid #0000;border-radius:.625rem;gap:10px;width:fit-content;margin-top:auto;padding:12px 25px;font-size:1.125rem;font-weight:700;transition:all .2s ease-in-out;display:flex}.change-email-customer .btn-container .forward-btn:hover,.change-email-customer .btn-container .forward-btn:focus-visible{color:#e5e9fd;background-color:#e5e9fd;border:1px solid #e5e9fd}.change-email-customer .btn-container .back-button{visibility:visible}@media (max-width:31.25rem){.change-email-customer{padding:.5rem}.change-email-customer form .input-field{padding-left:3rem}.change-email-customer form .btn-password{margin:0 0 1rem}.change-email-customer form .input-container .input-icon{padding:0 1rem}.main-content .btn-container{gap:.875rem}.main-content .btn-container .login-btn,.main-content .btn-container .guest-btn{padding:.625rem .3125rem}.main-content .legal-imprint-container{gap:0}}.change-password-customer{background-color:#fff;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:37.875rem;margin:.625rem;padding:2.5rem;display:flex;position:relative;overflow:hidden}.change-password-customer .form-title{text-align:center;justify-content:center;align-items:center;width:100%;margin-bottom:1.875rem;font-size:1.8rem;font-weight:500;display:flex}.change-password-customer .form-title .form-title-name{color:#3f2bdc;text-align:center;font-size:1.8rem;font-weight:700;line-height:normal}.change-password-customer .description{text-align:center;margin-bottom:1.875rem}.change-password-customer .description .new-user-link{color:#3f2bdc;border:.125rem dotted #0000;display:inline-block}.change-password-customer .description .new-user-link.confirmation{margin-top:1rem}.change-password-customer .description .new-user-link:hover{text-decoration:underline}.change-password-customer .description .new-user-link:focus-visible{border:.125rem dotted #3f2bdc;outline:#3f2bdc}.change-password-customer form{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.change-password-customer form .input-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.change-password-customer form .input-container .input-icon{justify-content:center;align-items:center;padding:0 1.5625rem;display:inline-flex;position:absolute;top:2.375rem;left:0}.change-password-customer form .input-container .warn-txt-hight{height:55px}.change-password-customer form .input-container .eye-button{background:0 0;border:.0625rem solid #0000;outline:none;justify-content:center;align-items:center;padding:0 1.5625rem;display:inline-flex;position:absolute;top:2.275rem;right:0}.change-password-customer form .input-container .eye-button:focus-visible{color:#e5e9fd;background-color:#e5e9fd;border:.0625rem solid #3f2bdc}.change-password-customer form .checkbox-container{gap:.5rem;width:100%;max-width:31.25rem;display:flex}.change-password-customer form .checkbox-container .checkbox-content{align-items:center;column-gap:.625rem;display:flex}.change-password-customer form .checkbox-container .checkbox-content input{cursor:pointer;width:1.25rem;height:1.25rem;margin-bottom:auto;display:flex}.change-password-customer form .checkbox-container label{text-align:left;font-size:1rem;font-weight:400;line-height:1.05rem;display:ruby}.change-password-customer form .checkbox-container label .privacy{color:#3f2bdc;cursor:pointer;text-decoration:none}.change-password-customer form .checkbox-container label .privacy:hover{text-decoration:underline}.change-password-customer form .input-field{background-color:#fff;border:.0625rem solid #e5e9fd;border-radius:.625rem;width:100%;height:3.07rem;padding-top:1.125rem;padding-bottom:1.125rem;padding-left:5.3125rem;transition:all .2s ease-in-out}.change-password-customer form .input-field:hover{border:.0625rem solid #e5e9fd}.change-password-customer form .input-field:focus{background-color:#fff;border:.0625rem solid #3f2bdc;outline:#e5e9fd}.change-password-customer form .input-field:-webkit-autofill{box-shadow:inset 0 0 0 62.5rem #fff}.change-password-customer form .btn-password{color:#3f2bdc;background:0 0;border:.0625rem solid #0000;border-radius:.625rem;justify-content:center;width:fit-content;margin-bottom:1rem;padding:.3125rem .9375rem;text-decoration:none;transition:all .175s ease-in-out;display:flex}.change-password-customer form .btn-password:hover{color:#3f2bdc;background:#fff}.change-password-customer form .btn-password:focus{color:#3f2bdc;background:#fff;border:.0625rem solid #e5e9fd;outline:#e5e9fd}.change-password-customer form .seperator-container{justify-content:center;width:100%;margin-bottom:1.875rem;display:flex;position:relative}.change-password-customer form .seperator-container:before{content:"";background-color:#e5e9fd;width:100%;height:.125rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.change-password-customer form .seperator-container .sep-line-txt{z-index:1;background-color:#e5e9fd;border-radius:.625rem;padding-inline:.9375rem;display:flex}.change-password-customer .btn-google{color:#e5e9fd;background-color:#e5e9fd;border:.0625rem solid #0000;border-radius:.625rem;justify-content:center;align-items:center;width:100%;height:3.75rem;transition:all .175s ease-in-out;display:flex}.change-password-customer .btn-google:hover{border:.0625rem solid #e5e9fd;outline:#e5e9fd;font-weight:500}.change-password-customer .btn-google:focus{border:.0625rem solid #e5e9fd;outline:#e5e9fd}.change-password-customer .btn-google img{margin-right:1rem}.change-password-customer .btn-container{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}.change-password-customer .btn-container .back-button{display:none}.change-password-customer .btn-container .forward-btn{color:#e5e9fd;background-color:#e5e9fd;border:.0625rem solid #0000;border-radius:.625rem;gap:10px;width:fit-content;margin-top:auto;padding:12px 25px;font-size:1.125rem;font-weight:700;transition:all .2s ease-in-out;display:flex}.change-password-customer .btn-container .forward-btn:hover,.change-password-customer .btn-container .forward-btn:focus-visible{color:#e5e9fd;background-color:#e5e9fd;border:1px solid #e5e9fd}.change-password-customer .btn-container .back-button{visibility:visible}@media (max-width:31.25rem){.change-password-customer{padding:.5rem}.change-password-customer form .input-field{padding-left:3rem}.change-password-customer form .btn-password{margin:0 0 1rem}.change-password-customer form .input-container .input-icon{padding:0 1rem}.main-content .btn-container{gap:.875rem}.main-content .btn-container .login-btn,.main-content .btn-container .guest-btn{padding:.625rem .3125rem}.main-content .legal-imprint-container{gap:0}}.change-username{background-color:#fff;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:37.875rem;margin:.625rem;padding:2.5rem;display:flex;position:relative;overflow:hidden}.change-username .form-title{text-align:center;justify-content:center;align-items:center;width:100%;margin-bottom:1.875rem;font-size:1.8rem;font-weight:500;display:flex}.change-username .form-title .form-title-name{color:#3f2bdc;text-align:center;font-size:1.8rem;font-weight:700;line-height:normal}.change-username .description{text-align:center;margin-bottom:1.875rem}.change-username .description .new-user-link{color:#3f2bdc;border:.125rem dotted #0000;display:inline-block}.change-username .description .new-user-link.confirmation{margin-top:1rem}.change-username .description .new-user-link:hover{text-decoration:underline}.change-username .description .new-user-link:focus-visible{border:.125rem dotted #3f2bdc;outline:#3f2bdc}.change-username form{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.change-username form .input-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.change-username form .input-container .input-icon{justify-content:center;align-items:center;padding:0 1.5625rem;display:inline-flex;position:absolute;top:2.375rem;left:0}.change-username form .input-container .warn-txt-hight{height:55px}.change-username form .input-container .eye-button{background:0 0;border:.0625rem solid #0000;outline:none;justify-content:center;align-items:center;padding:0 1.5625rem;display:inline-flex;position:absolute;top:2.275rem;right:0}.change-username form .input-container .eye-button:focus-visible{color:#e5e9fd;background-color:#e5e9fd;border:.0625rem solid #3f2bdc}.change-username form .checkbox-container{gap:.5rem;width:100%;max-width:31.25rem;display:flex}.change-username form .checkbox-container .checkbox-content{align-items:center;column-gap:.625rem;display:flex}.change-username form .checkbox-container .checkbox-content input{cursor:pointer;width:1.25rem;height:1.25rem;margin-bottom:auto;display:flex}.change-username form .checkbox-container label{text-align:left;font-size:1rem;font-weight:400;line-height:1.05rem;display:ruby}.change-username form .checkbox-container label .privacy{color:#3f2bdc;cursor:pointer;text-decoration:none}.change-username form .checkbox-container label .privacy:hover{text-decoration:underline}.change-username form .input-field{background-color:#fff;border:.0625rem solid #e5e9fd;border-radius:.625rem;width:100%;height:3.07rem;padding-top:1.125rem;padding-bottom:1.125rem;padding-left:5.3125rem;transition:all .2s ease-in-out}.change-username form .input-field:hover{border:.0625rem solid #e5e9fd}.change-username form .input-field:focus{background-color:#fff;border:.0625rem solid #3f2bdc;outline:#e5e9fd}.change-username form .input-field:-webkit-autofill{box-shadow:inset 0 0 0 62.5rem #fff}.change-username form .btn-password{color:#3f2bdc;background:0 0;border:.0625rem solid #0000;border-radius:.625rem;justify-content:center;width:fit-content;margin-bottom:1rem;padding:.3125rem .9375rem;text-decoration:none;transition:all .175s ease-in-out;display:flex}.change-username form .btn-password:hover{color:#3f2bdc;background:#fff}.change-username form .btn-password:focus{color:#3f2bdc;background:#fff;border:.0625rem solid #e5e9fd;outline:#e5e9fd}.change-username form .seperator-container{justify-content:center;width:100%;margin-bottom:1.875rem;display:flex;position:relative}.change-username form .seperator-container:before{content:"";background-color:#e5e9fd;width:100%;height:.125rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.change-username form .seperator-container .sep-line-txt{z-index:1;background-color:#e5e9fd;border-radius:.625rem;padding-inline:.9375rem;display:flex}.change-username .btn-google{color:#e5e9fd;background-color:#e5e9fd;border:.0625rem solid #0000;border-radius:.625rem;justify-content:center;align-items:center;width:100%;height:3.75rem;transition:all .175s ease-in-out;display:flex}.change-username .btn-google:hover{border:.0625rem solid #e5e9fd;outline:#e5e9fd;font-weight:500}.change-username .btn-google:focus{border:.0625rem solid #e5e9fd;outline:#e5e9fd}.change-username .btn-google img{margin-right:1rem}.change-username .btn-container{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}.change-username .btn-container .back-button{display:none}.change-username .btn-container .forward-btn{color:#e5e9fd;background-color:#e5e9fd;border:.0625rem solid #0000;border-radius:.625rem;gap:10px;width:fit-content;margin-top:auto;padding:12px 25px;font-size:1.125rem;font-weight:700;transition:all .2s ease-in-out;display:flex}.change-username .btn-container .forward-btn:hover,.change-username .btn-container .forward-btn:focus-visible{color:#e5e9fd;background-color:#e5e9fd;border:1px solid #e5e9fd}.change-username .btn-container .back-button{visibility:visible}@media (max-width:31.25rem){.change-username{padding:.5rem}.change-username form .input-field{padding-left:3rem}.change-username form .btn-password{margin:0 0 1rem}.change-username form .input-container .input-icon{padding:0 1rem}.main-content .btn-container{gap:.875rem}.main-content .btn-container .login-btn,.main-content .btn-container .guest-btn{padding:.625rem .3125rem}.main-content .legal-imprint-container{gap:0}}.delete-account{background-color:#fff;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:37.875rem;margin:.625rem;padding:2.5rem;display:flex;position:relative;overflow:hidden}.delete-account .form-title{text-align:center;justify-content:center;align-items:center;width:100%;margin-bottom:1.875rem;font-size:1.8rem;font-weight:500;display:flex}.delete-account .form-title .form-title-name{color:#3f2bdc;text-align:center;font-size:1.8rem;font-weight:700;line-height:normal}.delete-account .description{text-align:center;margin-bottom:0}.delete-account .description .new-user-link{color:#3f2bdc;border:.125rem dotted #0000;display:inline-block}.delete-account .description .new-user-link.confirmation{margin-top:1rem}.delete-account .description .new-user-link:hover{text-decoration:underline}.delete-account .description .new-user-link:focus-visible{border:.125rem dotted #3f2bdc;outline:#3f2bdc}.delete-account .description:last-of-type{margin-bottom:1.875rem}.delete-account form{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.delete-account form .input-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.delete-account form .input-container .input-icon{justify-content:center;align-items:center;padding:0 1.5625rem;display:inline-flex;position:absolute;top:2.375rem;left:0}.delete-account form .input-container .warn-txt-hight{height:55px}.delete-account form .input-container .eye-button{background:0 0;border:.0625rem solid #0000;outline:none;justify-content:center;align-items:center;padding:0 1.5625rem;display:inline-flex;position:absolute;top:2.275rem;right:0}.delete-account form .input-container .eye-button:focus-visible{color:#e5e9fd;background-color:#e5e9fd;border:.0625rem solid #3f2bdc}.delete-account form .checkbox-container{gap:.5rem;width:100%;max-width:31.25rem;display:flex}.delete-account form .checkbox-container .checkbox-content{align-items:center;column-gap:.625rem;display:flex}.delete-account form .checkbox-container .checkbox-content input{cursor:pointer;width:1.25rem;height:1.25rem;margin-bottom:auto;display:flex}.delete-account form .checkbox-container label{text-align:left;font-size:1rem;font-weight:400;line-height:1.05rem;display:ruby}.delete-account form .checkbox-container label .privacy{color:#3f2bdc;cursor:pointer;text-decoration:none}.delete-account form .checkbox-container label .privacy:hover{text-decoration:underline}.delete-account form .input-field{background-color:#fff;border:.0625rem solid #e5e9fd;border-radius:.625rem;width:100%;height:3.07rem;padding-top:1.125rem;padding-bottom:1.125rem;padding-left:5.3125rem;transition:all .2s ease-in-out}.delete-account form .input-field:hover{border:.0625rem solid #e5e9fd}.delete-account form .input-field:focus{background-color:#fff;border:.0625rem solid #3f2bdc;outline:#e5e9fd}.delete-account form .input-field:-webkit-autofill{box-shadow:inset 0 0 0 62.5rem #fff}.delete-account form .btn-password{color:#3f2bdc;background:0 0;border:.0625rem solid #0000;border-radius:.625rem;justify-content:center;width:fit-content;margin-bottom:1rem;padding:.3125rem .9375rem;text-decoration:none;transition:all .175s ease-in-out;display:flex}.delete-account form .btn-password:hover{color:#3f2bdc;background:#fff}.delete-account form .btn-password:focus{color:#3f2bdc;background:#fff;border:.0625rem solid #e5e9fd;outline:#e5e9fd}.delete-account form .seperator-container{justify-content:center;width:100%;margin-bottom:1.875rem;display:flex;position:relative}.delete-account form .seperator-container:before{content:"";background-color:#e5e9fd;width:100%;height:.125rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.delete-account form .seperator-container .sep-line-txt{z-index:1;background-color:#e5e9fd;border-radius:.625rem;padding-inline:.9375rem;display:flex}.delete-account .btn-google{color:#e5e9fd;background-color:#e5e9fd;border:.0625rem solid #0000;border-radius:.625rem;justify-content:center;align-items:center;width:100%;height:3.75rem;transition:all .175s ease-in-out;display:flex}.delete-account .btn-google:hover{border:.0625rem solid #e5e9fd;outline:#e5e9fd;font-weight:500}.delete-account .btn-google:focus{border:.0625rem solid #e5e9fd;outline:#e5e9fd}.delete-account .btn-google img{margin-right:1rem}.delete-account .btn-container{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}.delete-account .btn-container .back-button{display:none}.delete-account .btn-container .forward-btn{color:#e5e9fd;background-color:#e5e9fd;border:.0625rem solid #0000;border-radius:.625rem;gap:10px;width:fit-content;margin-top:auto;padding:12px 25px;font-size:1.125rem;font-weight:700;transition:all .2s ease-in-out;display:flex}.delete-account .btn-container .forward-btn:hover,.delete-account .btn-container .forward-btn:focus-visible{color:#e5e9fd;background-color:#e5e9fd;border:1px solid #e5e9fd}.delete-account .btn-container .back-button{visibility:visible}.delete-account .btn-container .main-quiz-button{margin:1rem 0 0}.delete-account .btn-container .main-quiz-button.delete-btn{max-width:fit-content}.delete-account .btn-container .main-quiz-button:hover,.delete-account .btn-container .main-quiz-button:focus-visible{color:red;background-color:#e5e9fd;border:1px solid red}@media (max-width:31.25rem){.delete-account{padding:.5rem}.delete-account form .input-field{padding-left:3rem}.delete-account form .btn-password{margin:0 0 1rem}.delete-account form .input-container .input-icon{padding:0 1rem}.main-content .btn-container{gap:.875rem}.main-content .btn-container .login-btn,.main-content .btn-container .guest-btn{padding:.625rem .3125rem}.main-content .legal-imprint-container{gap:0}}.change-profile-image{background-color:#fff;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:37.875rem;margin:.625rem;padding:2.5rem;display:flex;position:relative;overflow:hidden}.change-profile-image .form-title{text-align:center;justify-content:center;align-items:center;width:100%;margin-bottom:1.875rem;font-size:1.8rem;font-weight:500;display:flex}.change-profile-image .form-title .form-title-name{color:#3f2bdc;text-align:center;font-size:1.8rem;font-weight:700;line-height:normal}.change-profile-image .description{text-align:center;margin-bottom:0}.change-profile-image .description .new-user-link{color:#3f2bdc;border:.125rem dotted #0000;display:inline-block}.change-profile-image .description .new-user-link.confirmation{margin-top:1rem}.change-profile-image .description .new-user-link:hover{text-decoration:underline}.change-profile-image .description .new-user-link:focus-visible{border:.125rem dotted #3f2bdc;outline:#3f2bdc}.change-profile-image .description:last-of-type{margin-bottom:1.875rem}.change-profile-image form{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.change-profile-image form .input-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.change-profile-image form .input-container .warn-txt-hight{height:55px}.change-profile-image form .input-container .eye-button{background:0 0;border:.0625rem solid #0000;outline:none;justify-content:center;align-items:center;padding:0 1.5625rem;display:inline-flex;position:absolute;top:2.275rem;right:0}.change-profile-image form .input-container .eye-button:focus-visible{color:#e5e9fd;background-color:#e5e9fd;border:.0625rem solid #3f2bdc}.change-profile-image form .checkbox-container{gap:.5rem;width:100%;max-width:31.25rem;display:flex}.change-profile-image form .checkbox-container .checkbox-content{align-items:center;column-gap:.625rem;display:flex}.change-profile-image form .checkbox-container .checkbox-content input{cursor:pointer;width:1.25rem;height:1.25rem;margin-bottom:auto;display:flex}.change-profile-image form .checkbox-container label{text-align:left;font-size:1rem;font-weight:400;line-height:1.05rem;display:ruby}.change-profile-image form .checkbox-container label .privacy{color:#3f2bdc;cursor:pointer;text-decoration:none}.change-profile-image form .checkbox-container label .privacy:hover{text-decoration:underline}.change-profile-image form .input-field{background-color:#fff;border:.0625rem solid #e5e9fd;border-radius:.625rem;width:100%;height:3.07rem;padding-top:1.125rem;padding-bottom:1.125rem;padding-left:5.3125rem;transition:all .2s ease-in-out}.change-profile-image form .input-field:hover{border:.0625rem solid #e5e9fd}.change-profile-image form .input-field:focus{background-color:#fff;border:.0625rem solid #3f2bdc;outline:#e5e9fd}.change-profile-image form .input-field:-webkit-autofill{box-shadow:inset 0 0 0 62.5rem #fff}.change-profile-image form .btn-password{color:#3f2bdc;background:0 0;border:.0625rem solid #0000;border-radius:.625rem;justify-content:center;width:fit-content;margin-bottom:1rem;padding:.3125rem .9375rem;text-decoration:none;transition:all .175s ease-in-out;display:flex}.change-profile-image form .btn-password:hover{color:#3f2bdc;background:#fff}.change-profile-image form .btn-password:focus{color:#3f2bdc;background:#fff;border:.0625rem solid #e5e9fd;outline:#e5e9fd}.change-profile-image form .seperator-container{justify-content:center;width:100%;margin-bottom:1.875rem;display:flex;position:relative}.change-profile-image form .seperator-container:before{content:"";background-color:#e5e9fd;width:100%;height:.125rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.change-profile-image form .seperator-container .sep-line-txt{z-index:1;background-color:#e5e9fd;border-radius:.625rem;padding-inline:.9375rem;display:flex}.change-profile-image .btn-google{color:#e5e9fd;background-color:#e5e9fd;border:.0625rem solid #0000;border-radius:.625rem;justify-content:center;align-items:center;width:100%;height:3.75rem;transition:all .175s ease-in-out;display:flex}.change-profile-image .btn-google:hover{border:.0625rem solid #e5e9fd;outline:#e5e9fd;font-weight:500}.change-profile-image .btn-google:focus{border:.0625rem solid #e5e9fd;outline:#e5e9fd}.change-profile-image .btn-google img{margin-right:1rem}.change-profile-image .btn-container{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}.change-profile-image .btn-container .back-button{display:none}.change-profile-image .btn-container .forward-btn{color:#e5e9fd;background-color:#e5e9fd;border:.0625rem solid #0000;border-radius:.625rem;gap:10px;width:fit-content;margin-top:auto;padding:12px 25px;font-size:1.125rem;font-weight:700;transition:all .2s ease-in-out;display:flex}.change-profile-image .btn-container .forward-btn:hover,.change-profile-image .btn-container .forward-btn:focus-visible{color:#e5e9fd;background-color:#e5e9fd;border:1px solid #e5e9fd}.change-profile-image .btn-container .back-button{visibility:visible}.change-profile-image .btn-container .main-quiz-button{margin:1rem 0 0}.change-profile-image .btn-container .main-quiz-button.save-btn{max-width:fit-content}.main-quiz-button.choose-btn{cursor:pointer;margin:1rem 0 0;padding:0}.main-quiz-button .file-input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.main-quiz-button .file-input:focus-visible+.file-input-label{outline-offset:.1875rem;outline:.125rem solid #4f46e5}.main-quiz-button .file-input-label{cursor:pointer}.file-name{color:#555;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:31.25rem){.change-profile-image{padding:.5rem}.change-profile-image form .input-field{padding-left:3rem}.change-profile-image form .btn-password{margin:0 0 1rem}.change-profile-image form .input-container .input-icon{padding:0 1rem}.main-content .btn-container{gap:.875rem}.main-content .btn-container .login-btn,.main-content .btn-container .guest-btn{padding:.625rem .3125rem}.main-content .legal-imprint-container{gap:0}}@font-face{font-family:Lexend;src:url(/fonts/Lexend/Lexend-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal}body{font-family:Lexend,sans-serif;font-size:16px}.action-buttons{justify-content:flex-end;align-items:center;gap:26px;margin-top:1rem;display:flex}.action-buttons .delete-button{margin-right:auto}.action-buttons .cancel-btn{color:#3f2bdc;background:0 0;margin:0}.action-buttons .save-btn{color:#fff;background:#3421d6;border-radius:7px;align-items:center;gap:16px;margin:0;padding:17px 32px;display:flex;box-shadow:0 8px 18px #3421d638}.main-quiz-button{color:#f4f4f4;cursor:pointer;background-color:#3f2bdc;border:1px solid #3f2bdc;border-radius:.625rem;outline:none;justify-content:center;align-items:center;gap:.625rem;width:100%;max-width:10.375rem;margin:auto;padding:.75rem 1.5625rem;font-size:1.125rem;font-weight:700;text-decoration:none;transition:all .2s ease-in-out;display:flex}.main-quiz-button:hover,.main-quiz-button:focus-visible{color:#3f2bdc;background-color:#e5e9fd;border:1px solid #3f2bdc}.main-quiz-button-cancel{color:#3f2bdc;background:0 0;border:1px solid #dfe3ef;border-radius:.625rem;outline:none;justify-content:center;align-items:center;min-width:140px;height:50px;font-size:16px;font-weight:600;transition:all .25s;display:flex}.main-quiz-button-cancel:hover,.main-quiz-button-cancel:focus-visible{background:#3f2bdc0f;border:1px solid #3f2bdc}.warn-txt{color:red}.play-button:disabled,.btn-pagination:disabled,button[type=submit]:disabled{color:#666!important;cursor:initial!important;background-color:#ccc!important;border:1px solid #ccc!important}.hide-container{opacity:0;visibility:hidden;z-index:-100;pointer-events:none;background-color:#000000e6;height:100%;transition:all .5s;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.show-container{opacity:1;visibility:visible;z-index:1000;pointer-events:auto;justify-content:center;align-items:center;width:100%;display:flex}main{color:#111827;background-color:#fff;flex-direction:column;min-height:calc(100vh - 177px);display:flex}.main-customer{gap:0;padding-inline:0}.main-content{background-color:#e5e9fd;flex-direction:row;width:100%;min-height:calc(100vh - 244px);display:flex;overflow-x:hidden}.play-quiz{z-index:10;background-color:#3421d666;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.visually-hidden{white-space:nowrap!important;clip-path:inset(100%)!important;clip:rect(0 0 0 0)!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.avatar{object-fit:cover;border-radius:50%}@media (max-width:48rem){.action-buttons{justify-content:space-between}.action-buttons .save-btn{width:fit-content;padding:0;padding-inline:1rem}.action-buttons .cancel-btn{min-width:fit-content;height:fit-content;padding:0;padding-inline:1rem}}main{justify-content:center;align-items:center;display:flex}main .main-contact{background-color:#e5e9fd;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin:.625rem;padding:2.5rem;display:flex;position:relative;overflow:hidden}main .main-contact .description{flex-direction:column;width:100%;line-height:1.2;display:flex}main .main-contact .description h2{margin-bottom:1rem;line-height:1}main .main-contact form{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}main .main-contact form .input-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}main .main-contact form .input-container label{text-align:start;width:100%}main .main-contact form .input-container label:after{color:#e61e50;content:"*";padding-left:.2rem;font-size:1.2rem}main .main-contact form .input-container .input-field{background-color:#fff;border:.0625rem solid #e5e9fd;border-radius:.625rem;width:100%;height:3.07rem;padding-top:1.125rem;padding-bottom:1.125rem;transition:all .2s ease-in-out}main .main-contact form .input-container .input-field:hover{border:.0625rem solid #e5e9fd}main .main-contact form .input-container .input-field:focus{background-color:#fff;border:.0625rem solid #3f2bdc;outline:#e5e9fd}main .main-contact form .input-container .input-field:-webkit-autofill{box-shadow:inset 0 0 0 62.5rem #fff}main .main-contact form .textarea-container{width:100%;min-height:9.6875rem;position:relative}main .main-contact form .textarea-container label:after{color:#e61e50;content:"*";padding-left:.2rem;font-size:1.2rem}main .main-contact form .textarea-container textarea{text-align:left;width:100%;min-height:130px;resize:unset;resize:vertical;border-radius:10px;gap:10px;padding:15px 25px;font-size:16px;font-weight:400;line-height:19.2px}main .main-contact form .textarea-container textarea:focus{background-color:#fff;border:.0625rem solid #3f2bdc;outline:#e5e9fd}main .main-contact form .checkbox-container{gap:.5rem;width:100%;display:flex}main .main-contact form .checkbox-container input{cursor:pointer;width:1.25rem;height:1.25rem;margin-bottom:auto;display:flex}main .main-contact form .checkbox-container label{text-align:left;font-size:1rem;font-weight:400;line-height:1.05rem;display:ruby}main .main-contact form .checkbox-container label .privacy{color:#3f2bdc;cursor:pointer;text-decoration:none}main .main-contact form .checkbox-container label .privacy:hover{text-decoration:underline}main .main-contact form .checkbox-description{flex-direction:column;display:flex}main .main-contact form .checkbox-description label{text-align:left;font-size:16px;font-weight:400;line-height:16.8px}main .main-contact form .checkbox-description label .privacy{cursor:pointer;text-decoration:none}main .main-contact form .checkbox-description label .privacy:hover{text-decoration:underline}main .main-contact form .checkbox-description span{text-align:left;color:red;padding-block:.3125rem;font-size:14px;font-weight:400;line-height:16.8px;display:flex}@media (max-width:31.25rem){main .main-contact{margin:.5rem;padding:1rem}}.quiz-card{background:#fff;border:1px solid #e8e8f4;border-radius:28px;width:100%;max-width:760px;height:fit-content;margin:1rem;padding:3rem;position:relative;box-shadow:0 2px 10px #0003}.quiz-card.learn-card{flex-direction:column;align-items:center;display:flex}.quiz-card__header{justify-content:center;gap:1rem;display:flex}.quiz-card__title{color:#3f2bdc;align-items:center;gap:.6rem;margin-bottom:1rem;font-size:3rem;font-weight:700;display:flex}.quiz-card__title-learn{align-items:center;gap:.6rem;margin-bottom:1rem;font-size:1rem;font-weight:700;display:flex}.quiz-card__help{color:#7d78ff;cursor:pointer;background:0 0;border:2px solid #7d78ff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.quiz-card__help:hover{color:#fff;background:#7d78ff}.quiz-card__cancel{color:#555;background:#fff;border:1px solid #dddded;border-radius:50%;font-size:1rem;transition:all .2s;position:absolute;top:1rem;right:1rem}.quiz-card__cancel:hover{background:#f6f6fb}.quiz-card__form{flex-direction:column;align-items:center;display:flex;position:relative}.quiz-card__line{background-color:#0003;width:16rem;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quiz-card__input-wrapper{display:flex;position:relative}.quiz-card__answer-wrapper{background:#fff;width:fit-content;padding-inline:.3125rem;transform:translateY(1rem)}.quiz-card__answer-wrapper-learn{color:#3f2bdc;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;z-index:1;background:#fff;width:fit-content;padding-inline:.3125rem;font-size:3rem;line-height:1}.hide-hint{display:none}.hint-container{justify-content:center;height:1.5rem;display:flex}.show-hint{background-color:#00000063;border-radius:.625rem;justify-content:center;align-items:center;width:fit-content;display:flex}.show-hint .hint-text{border-radius:.625rem;padding-inline:1rem}.buttons-flip{justify-content:center;gap:1rem;width:100%;margin-top:1rem;display:flex}.buttons-flip .turn-around{justify-content:center;align-items:center;display:flex}.buttons-flip .turn-around img{min-width:3rem;min-height:3rem}.play-quiz{perspective:760px}.flip-card-inner{width:100%;max-width:760px;transform-style:preserve-3d;margin:1rem;transition:transform .4s;position:relative}.flip-title{margin-bottom:0;font-size:clamp(1.7rem,.1556rem + 3.5556vw,3rem);font-weight:500;line-height:1}.languages{font-size:.6rem;position:absolute;top:.5rem;left:1rem}.flip-card-front,.flip-card-back{backface-visibility:hidden;background:#fff;border:1px solid #e8e8f4;border-radius:28px;flex-direction:column;gap:1rem;width:100%;max-width:760px;height:fit-content;padding:3rem;display:flex;position:absolute;transform:translateY(-150px);box-shadow:0 2px 10px #0003}.flip-card-back{transform:rotateY(180deg)translateY(-150px)}.flip-card-inner.flipped{transform:rotateY(180deg)}.quiz-button{margin:0}.flip-card-button{color:#f4f4f4;cursor:pointer;background-color:#3f2bdc;border:1px solid #3f2bdc;border-radius:.625rem;outline:none;justify-content:center;align-items:center;gap:.625rem;width:100%;max-width:10.375rem;padding:.75rem 1.5625rem;font-size:1.125rem;font-weight:700;text-decoration:none;transition:all .2s ease-in-out;display:flex}@media (max-width:43.75rem){.quiz-card{padding:2rem}.quiz-card__header{flex-direction:column;align-items:center}.quiz-card__title{text-align:center;font-size:2.1rem}.quiz-card__enter{display:none}.quiz-card__input{padding-right:1.5rem}.show-hint{font-size:.9rem}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;line-height:1.5}html{scroll-behavior:smooth}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{border:unset;font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}a,button{cursor:pointer;color:#000;background:0 0;text-decoration:none}.link{text-decoration:underline}ul{list-style-type:none}