.shapes-learn-module-scss-module__SJFoYG__container{background:linear-gradient(#e0f2fe 0%,#f0f9ff 100%);flex-direction:column;align-items:center;min-height:100vh;display:flex}.shapes-learn-module-scss-module__SJFoYG__topBar{z-index:10;background-color:#fff;border-bottom-right-radius:20px;border-bottom-left-radius:20px;align-items:center;gap:16px;width:100%;max-width:1000px;padding:16px 24px;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #0000000d}.shapes-learn-module-scss-module__SJFoYG__backBtn{color:#2d3436;cursor:pointer;background:#ff9ff3;border:3.5px solid #f368e0;border-radius:18px;align-items:center;gap:8px;padding:10px 22px;font-size:1rem;font-weight:800;transition:all .15s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px #f368e0}.shapes-learn-module-scss-module__SJFoYG__backBtn:hover{transform:translateY(-2px);box-shadow:0 6px #f368e0}.shapes-learn-module-scss-module__SJFoYG__backBtn:active{transform:translateY(2px);box-shadow:0 2px #f368e0}.shapes-learn-module-scss-module__SJFoYG__title{color:#0369a1;letter-spacing:-.01em;font-size:1.8rem;font-weight:900}@media (min-width:640px){.shapes-learn-module-scss-module__SJFoYG__title{font-size:2.2rem}}.shapes-learn-module-scss-module__SJFoYG__mainArea{flex-direction:column;flex:1;align-items:center;width:100%;max-width:1000px;margin:0 auto;padding:32px 16px 60px;display:flex}.shapes-learn-module-scss-module__SJFoYG__section{width:100%;margin-bottom:48px}.shapes-learn-module-scss-module__SJFoYG__sectionTitle{color:#0369a1;text-align:center;margin-bottom:28px;font-size:1.8rem;font-weight:900}@media (min-width:640px){.shapes-learn-module-scss-module__SJFoYG__sectionTitle{font-size:2.4rem}}.shapes-learn-module-scss-module__SJFoYG__grid{flex-flow:wrap;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}@media (min-width:640px){.shapes-learn-module-scss-module__SJFoYG__grid{gap:28px}}.shapes-learn-module-scss-module__SJFoYG__grid>button{width:calc(50% - 10px);min-width:150px}@media (min-width:640px){.shapes-learn-module-scss-module__SJFoYG__grid>button{width:240px}}.shapes-learn-module-scss-module__SJFoYG__card{text-align:center;cursor:pointer;background-color:#fff;border:4px solid #bae6fd;border-radius:28px;flex-direction:column;align-items:center;width:100%;padding:24px 16px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px #7dd3fc,0 12px 24px #00000014}@media (min-width:640px){.shapes-learn-module-scss-module__SJFoYG__card{border-width:5px;border-radius:34px;padding:28px 20px;box-shadow:0 10px #7dd3fc,0 16px 32px #0000001a}}.shapes-learn-module-scss-module__SJFoYG__card:hover{border-color:#38bdf8;transform:translateY(-4px)scale(1.03);box-shadow:0 12px #38bdf8,0 20px 36px #0000001f}.shapes-learn-module-scss-module__SJFoYG__card:active{transform:translateY(4px)scale(.97);box-shadow:0 2px #38bdf8}.shapes-learn-module-scss-module__SJFoYG__card.shapes-learn-module-scss-module__SJFoYG__playing{background-color:#fffbeb;border-color:#f59e0b;transform:scale(1.08);box-shadow:0 10px #d97706,0 16px 32px #f59e0b4d}.shapes-learn-module-scss-module__SJFoYG__imageWrap{justify-content:center;align-items:center;width:130px;height:130px;margin-bottom:16px;display:flex;position:relative}@media (min-width:640px){.shapes-learn-module-scss-module__SJFoYG__imageWrap{width:170px;height:170px;margin-bottom:20px}}.shapes-learn-module-scss-module__SJFoYG__imageWrap svg{width:100%;height:100%}.shapes-learn-module-scss-module__SJFoYG__shapeName{color:#1e293b;text-transform:capitalize;letter-spacing:-.01em;font-size:1.5rem;font-weight:900}@media (min-width:640px){.shapes-learn-module-scss-module__SJFoYG__shapeName{font-size:2.1rem}}.shapes-learn-module-scss-module__SJFoYG__modalOverlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.shapes-learn-module-scss-module__SJFoYG__modalContent{background-color:#fff;border-radius:40px;flex-direction:column;align-items:center;width:100%;max-width:550px;padding:40px 24px;display:flex;position:relative;box-shadow:0 20px 50px #0000004d}.shapes-learn-module-scss-module__SJFoYG__modalShapeWrap{justify-content:center;align-items:center;width:min(260px,55vw);height:min(260px,55vw);margin-bottom:28px;display:flex}.shapes-learn-module-scss-module__SJFoYG__modalShapeWrap svg{width:100%;height:100%}.shapes-learn-module-scss-module__SJFoYG__modalSpelling{color:#1e293b;text-transform:uppercase;letter-spacing:4px;text-align:center;margin-bottom:32px;font-size:clamp(2.2rem,8vw,4rem);font-weight:900}.shapes-learn-module-scss-module__SJFoYG__letter{margin:0 2px;display:inline-block}.shapes-learn-module-scss-module__SJFoYG__letter:nth-child(odd){color:#2563eb}.shapes-learn-module-scss-module__SJFoYG__letter:nth-child(2n){color:#e11d48}.shapes-learn-module-scss-module__SJFoYG__closeBtn{color:#fff;cursor:pointer;background:#0369a1;border:none;border-radius:50px;padding:16px 54px;font-size:1.3rem;font-weight:900;transition:all .15s;box-shadow:0 6px #0284c7}.shapes-learn-module-scss-module__SJFoYG__closeBtn:hover{transform:translateY(-2px);box-shadow:0 8px #0284c7}.shapes-learn-module-scss-module__SJFoYG__closeBtn:active{transform:translateY(4px);box-shadow:0 2px #0284c7}