.HowItWorks_container__BxMwa{background:#fff;color:#1a1f36;min-height:100vh;position:relative;overflow:hidden}.HowItWorks_kanjiBackground__POi6I{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}.HowItWorks_floatingKanjiItem__8LwSG{position:absolute;font-family:var(--font-title);font-size:15rem;font-weight:900;color:rgba(229,35,50,.03);-webkit-user-select:none;-moz-user-select:none;user-select:none}.HowItWorks_hero__HDPOa{padding:160px 24px 80px;text-align:center;position:relative;z-index:2}.HowItWorks_heroContent__XZPQ_{max-width:850px;margin:0 auto}.HowItWorks_title__yVFC7{font-family:var(--font-title);font-size:clamp(3rem,7vw,4.8rem);line-height:1.1;font-weight:900;margin-bottom:24px;color:#1a1f36;letter-spacing:-.04em}.HowItWorks_subtitle__fRku_{font-size:1.2rem;color:#64748b;max-width:600px;margin:0 auto 48px;line-height:1.8}.HowItWorks_heroActions__CQRB3{display:flex;gap:16px;justify-content:center}.HowItWorks_mockupSection___JUMI{padding:40px 24px 80px;max-width:1000px;margin:0 auto;position:relative;z-index:2}.HowItWorks_mockupContainer__lb3hK{background:hsla(0,0%,100%,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.02);overflow:hidden}.HowItWorks_mockupHeader__23MXF{background:#f8fafc;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0}.HowItWorks_mockupDots__Ur9Qq{display:flex;gap:8px}.HowItWorks_mockupDots__Ur9Qq span{width:10px;height:10px;border-radius:50%}.HowItWorks_mockupDots__Ur9Qq span:first-child{background:#ff5f56}.HowItWorks_mockupDots__Ur9Qq span:nth-child(2){background:#ffbd2e}.HowItWorks_mockupDots__Ur9Qq span:nth-child(3){background:#27c93f}.HowItWorks_mockupTitle__gdAbD{font-weight:700;font-size:11px;color:#64748b;display:flex;align-items:center;gap:12px}.HowItWorks_liveBadge__LTwZ7{background:rgba(16,185,129,.1);color:#10b981;font-weight:800;padding:2px 8px;border-radius:12px;font-size:10px}.HowItWorks_mockupBody__Gue2j{display:grid;grid-template-columns:210px 1fr;background:#f8fafc;min-height:400px}.HowItWorks_mockupSidebar__Fnqjh{background:#fff;border-right:1px solid #e2e8f0;padding:20px 14px;display:flex;flex-direction:column;gap:20px}.HowItWorks_sidebarUser__phwsj{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #f1f5f9}.HowItWorks_userAvatar__c2g3H{width:36px;height:36px;border-radius:10px;-o-object-fit:cover;object-fit:cover;border:2px solid #e52332}.HowItWorks_sidebarUser__phwsj strong{display:block;font-size:12px;font-weight:800;color:#0f172a}.HowItWorks_sidebarUser__phwsj span{font-size:10px;color:#64748b;font-weight:600}.HowItWorks_sidebarNav__1Ys99{display:flex;flex-direction:column;gap:6px}.HowItWorks_navItem__7mNjn{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:11.5px;font-weight:600;color:#64748b}.HowItWorks_navActive__NhTPB{background:rgba(229,35,50,.08);color:#e52332;font-weight:800}.HowItWorks_mockupContent__XQTxC{padding:20px;display:flex;flex-direction:column;gap:16px}.HowItWorks_dashHeaderFlex__3yYvh{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;padding-bottom:12px}.HowItWorks_welcomeText__dk1vn{font-size:15px;font-weight:900;color:#0f172a;margin:0}.HowItWorks_subText__FtfFp{font-size:11px;color:#64748b;margin:2px 0 0}.HowItWorks_streakBadgesGroup__JvxD0{display:flex;gap:8px}.HowItWorks_streakBadge__Pzyzx{background:#fff8eb;border:1px solid #ffe8cc;border-radius:8px;color:#d97706}.HowItWorks_streakBadge__Pzyzx,.HowItWorks_xpBadge__fOdd0{padding:4px 8px;font-size:10.5px;font-weight:800;display:flex;align-items:center;gap:4px}.HowItWorks_xpBadge__fOdd0{background:#fff1f2;border:1px solid #ffe4e6;border-radius:8px;color:#e52332}.HowItWorks_liveBanner__pcyMh{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:12px;padding:10px 14px;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 16px rgba(49,46,129,.2)}.HowItWorks_liveLeft__It6l_{display:flex;align-items:center;gap:8px}.HowItWorks_livePulseDot__2tY8N{font-size:11px}.HowItWorks_liveLeft__It6l_ strong{font-size:10px;color:#fb7185;display:block;letter-spacing:.04em}.HowItWorks_liveLeft__It6l_ p{font-size:11.5px;font-weight:700;margin:0}.HowItWorks_btnLiveJoin__Uj9Dd{background:#e52332;color:#fff;border:none;padding:6px 12px;border-radius:8px;font-size:10.5px;font-weight:800;display:flex;align-items:center;gap:4px;cursor:pointer}.HowItWorks_mockupStatsGrid__fFgQY{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.HowItWorks_oralCard__LUBGy,.HowItWorks_statCard__qOIC1{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 8px rgba(0,0,0,.02)}.HowItWorks_statHeaderFlex__wJWAx{display:flex;align-items:center;justify-content:space-between}.HowItWorks_statHeaderFlex__wJWAx strong{font-size:12px;font-weight:800;color:#0f172a}.HowItWorks_levelPill__zBmGo{font-size:9px;font-weight:800;background:rgba(229,35,50,.1);color:#e52332;padding:2px 6px;border-radius:10px}.HowItWorks_progressBlock__VPLPg{display:flex;flex-direction:column;gap:4px}.HowItWorks_progressMeta__gvJMC{display:flex;justify-content:space-between;font-size:10px;font-weight:600;color:#475569}.HowItWorks_progressBar__4vjxA{height:7px;background:#f1f5f9;border-radius:4px;overflow:hidden}.HowItWorks_progressFill__XyR3g{height:100%;border-radius:4px}.HowItWorks_fillRed__2WLrF{background:linear-gradient(90deg,#e52332,#ff5252);box-shadow:0 0 10px rgba(229,35,50,.4)}.HowItWorks_fillGreen__G7_i1{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 10px rgba(16,185,129,.4)}.HowItWorks_oralHeader__9g9v1{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#0f172a;border-bottom:1px solid #f1f5f9;padding-bottom:6px}.HowItWorks_voiceNoteBubble__B6d84{background:#f0fdf4;border:1px solid #dcfce7;padding:8px 10px;border-radius:10px}.HowItWorks_voiceMeta__RP6V0{display:flex;justify-content:space-between;font-size:8px;font-weight:800;color:#16a34a;text-transform:uppercase;margin-bottom:4px}.HowItWorks_waveGroup__O6azH{display:flex;align-items:center;gap:6px}.HowItWorks_waveBars__VxO9h{display:flex;align-items:center;gap:3px;height:20px}.HowItWorks_waveBars__VxO9h span{width:3px;background:#e52332;border-radius:2px}.HowItWorks_teacherReview__noWD_{background:#fff1f2;border:1px solid #ffe4e6;padding:8px;border-radius:10px;font-size:10.5px}.HowItWorks_teacherReview__noWD_ strong{color:#e52332;display:block;font-size:9px;text-transform:uppercase}.HowItWorks_teacherReview__noWD_ p{margin:2px 0 0;color:#1e293b;font-style:italic}.HowItWorks_culturalSection__N8_zq{padding:80px 24px 120px;max-width:1280px;margin:0 auto;position:relative;z-index:2}.HowItWorks_culturalGrid__US_rN{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:36px}.HowItWorks_culturalCard__yK9uA{background:#0f121f;border-radius:28px;padding:56px 40px;color:#fff;position:relative;overflow:hidden;border:1px solid hsla(0,0%,100%,.05);box-shadow:0 24px 64px rgba(0,0,0,.3);transition:all .4s cubic-bezier(.2,.8,.2,1)}.HowItWorks_culturalCard__yK9uA:before{content:"";position:absolute;inset:0;border-radius:28px;padding:1.5px;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.02));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.HowItWorks_culturalCard__yK9uA:hover{transform:translateY(-8px);border-color:var(--accent-color,rgba(229,35,50,.3));box-shadow:0 32px 80px rgba(0,0,0,.4),0 0 30px var(--accent-color-glow,rgba(229,35,50,.15))}.HowItWorks_culturalCard__yK9uA:hover .HowItWorks_culturalWatermark__vNZ7j{transform:scale(1.08) rotate(2deg);opacity:.16}.HowItWorks_culturalCard__yK9uA:hover .HowItWorks_culturalKanji__cABzv{transform:scale(1.05);box-shadow:0 0 20px var(--accent-color-glow,rgba(229,35,50,.25))}.HowItWorks_culturalWatermark__vNZ7j{position:absolute;top:-24px;right:-24px;width:260px;height:260px;opacity:.08;pointer-events:none;transition:all .5s cubic-bezier(.2,.8,.2,1);color:var(--accent-color,#e52332)}.HowItWorks_culturalKanji__cABzv{width:70px;height:70px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-color:var(--accent-color-border,hsla(0,0%,100%,.1));backdrop-filter:blur(12px);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;margin-bottom:40px;font-family:'"Noto Sans JP", "Noto Sans SC", sans-serif';color:#fff;transition:all .4s cubic-bezier(.2,.8,.2,1)}.HowItWorks_culturalTitle__SYAmF{font-family:var(--font-title);font-size:24px;font-weight:900;margin:0 0 16px;letter-spacing:-.02em;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.4)}.HowItWorks_culturalDesc__FT4Xt{font-size:15px;color:#e2e8f0!important;line-height:1.7;margin:0}.HowItWorks_hover-glow__LCJ0T:hover{box-shadow:0 0 30px rgba(229,35,50,.4)}@media (max-width:768px){.HowItWorks_hero__HDPOa{padding:112px 18px 56px}.HowItWorks_title__yVFC7{font-size:clamp(2.3rem,12vw,3.2rem);letter-spacing:0}.HowItWorks_subtitle__fRku_{font-size:1rem;margin-bottom:32px}.HowItWorks_heroActions__CQRB3{align-items:stretch;flex-direction:column}.HowItWorks_mockupSection___JUMI{padding:24px 14px 56px}.HowItWorks_mockupBody__Gue2j{height:auto;min-height:300px}.HowItWorks_mockupSidebar__Fnqjh{width:120px;padding:18px 12px}.HowItWorks_mockupContent__XQTxC{padding:24px 16px}.HowItWorks_culturalSection__N8_zq{padding:56px 14px 72px}.HowItWorks_culturalGrid__US_rN{grid-template-columns:1fr;gap:22px}.HowItWorks_culturalCard__yK9uA{border-radius:22px;padding:36px 24px}}@media (max-width:480px){.HowItWorks_mockupHeader__23MXF{align-items:flex-start;flex-direction:column;gap:10px;padding:14px}.HowItWorks_mockupBody__Gue2j{flex-direction:column}.HowItWorks_mockupSidebar__Fnqjh{width:100%;flex-direction:row;overflow-x:auto;padding:12px}.HowItWorks_mockupMenu__5vl0J{flex:0 0 90px}.HowItWorks_mockupContent__XQTxC{padding:18px 14px}.HowItWorks_culturalWatermark__vNZ7j{width:190px;height:190px}.HowItWorks_culturalKanji__cABzv{width:58px;height:58px;border-radius:16px;margin-bottom:28px}}