.hantu-tutorial_shell__supOH{position:relative;min-height:100dvh;display:grid;place-items:start center;overflow:hidden;padding:32px 20px;background:radial-gradient(circle at 16% 12%,rgba(53,104,232,.18),transparent 28%),radial-gradient(circle at 86% 4%,rgba(104,158,255,.22),transparent 24%),linear-gradient(145deg,#dae4f7,#f2f6fc 52%,#e5edf9);color:#171b24}.hantu-tutorial_ambientGlow__oOIym{position:fixed;inset:0;pointer-events:none}.hantu-tutorial_ambientGlow__oOIym:after,.hantu-tutorial_ambientGlow__oOIym:before{position:absolute;border:1px solid rgba(53,104,232,.12);border-radius:999px;content:""}.hantu-tutorial_ambientGlow__oOIym:before{top:8%;left:calc(50% - 400px);width:240px;height:240px}.hantu-tutorial_ambientGlow__oOIym:after{right:calc(50% - 430px);bottom:10%;width:330px;height:330px}.hantu-tutorial_phoneFrame__H_W89{position:relative;z-index:1;width:min(100%,430px);min-height:calc(100dvh - 64px);overflow:hidden;border:1px solid rgba(37,73,153,.14);border-radius:42px;background:#f3f6fb;box-shadow:0 34px 80px rgba(35,62,120,.2),0 0 0 8px rgba(255,255,255,.35)}.hantu-tutorial_appHeader__0reHS{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 18px;border-bottom:1px solid #dce5f3;background:rgba(255,255,255,.96);color:#171b24}.hantu-tutorial_brand___0__d{display:flex;align-items:center;gap:11px}.hantu-tutorial_brand___0__d div{display:grid;gap:2px}.hantu-tutorial_brand___0__d small{color:#224bb8;font-size:9px;font-weight:900;letter-spacing:.13em}.hantu-tutorial_brand___0__d strong{font-size:16px;letter-spacing:-.03em}.hantu-tutorial_brandMark__K3QT7{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#477bfa,#224bb8);color:#fff;font-size:15px;font-weight:950;letter-spacing:-.04em;box-shadow:inset 0 -3px 0 rgba(16,52,137,.2),0 8px 18px rgba(53,104,232,.18)}.hantu-tutorial_safeChip__Czsy6{display:inline-flex;align-items:center;gap:7px;min-height:32px;border:1px solid #c9d9fb;border-radius:999px;background:#eaf1ff;padding:0 11px;color:#183267;font-size:11px;font-weight:850;white-space:nowrap}.hantu-tutorial_safeChip__Czsy6 i{width:7px;height:7px;border-radius:50%;background:#3568e8;box-shadow:0 0 0 4px rgba(53,104,232,.12)}.hantu-tutorial_progressSection__Bp1Rs{padding:18px 20px 4px}.hantu-tutorial_progressMeta__Jr8rW{display:flex;align-items:center;gap:9px;color:#5d687a;font-size:12px;font-weight:800}.hantu-tutorial_progressMeta__Jr8rW strong{margin-left:auto;color:#171b24;font-size:13px}.hantu-tutorial_stepPill__IRWx5{border-radius:999px;background:#eaf1ff;padding:6px 9px;color:#224bb8;font-size:10px;font-weight:950;letter-spacing:.04em}.hantu-tutorial_progressTrack__6J1k7{height:8px;margin-top:13px;overflow:hidden;border-radius:999px;background:#dfe6f2}.hantu-tutorial_progressTrack__6J1k7 span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#224bb8,#5285ff 62%,#86aeff);box-shadow:0 0 16px rgba(53,104,232,.28);transition:width .26s ease}.hantu-tutorial_coachCard__dD_sU{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;overflow:hidden;margin:16px 14px 12px;border:1px solid rgba(255,255,255,.45);border-radius:28px;background:radial-gradient(circle at 100% 0,rgba(150,190,255,.45),transparent 38%),linear-gradient(145deg,#1f4bb8,#3e73ee);padding:19px 17px 18px;color:#fff;box-shadow:0 16px 32px rgba(39,83,184,.24)}.hantu-tutorial_coachCard__dD_sU:after{position:absolute;top:-42px;right:-34px;width:105px;height:105px;border:18px solid rgba(255,255,255,.08);border-radius:50%;content:""}.hantu-tutorial_avatar__jAbmP{position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.62);border-radius:20px;background:rgba(255,255,255,.94);color:#224bb8;box-shadow:0 8px 20px rgba(17,48,123,.18)}.hantu-tutorial_avatar__jAbmP span{font-size:13px;font-weight:950}.hantu-tutorial_coachCopy__Plf0u{position:relative;z-index:1;min-width:0}.hantu-tutorial_coachCopy__Plf0u h1{margin:3px 0 0;font-size:23px;line-height:1.28;letter-spacing:-.055em}.hantu-tutorial_coachCopy__Plf0u>p:not(.hantu-tutorial_coachLabel__e7Zok){margin:9px 0 0;color:#f4f7ff;font-size:16px;line-height:1.58;letter-spacing:-.025em;word-break:keep-all}.hantu-tutorial_coachLabel__e7Zok{margin:0;color:#dbe6ff;font-size:11px;font-weight:900;letter-spacing:.02em}.hantu-tutorial_voiceActions__I7VDJ{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.hantu-tutorial_backButton__IehjM,.hantu-tutorial_hintButton__XXSWV,.hantu-tutorial_listenButton__Lam2E,.hantu-tutorial_primaryButton__FH_ve,.hantu-tutorial_secondaryButton__QRQqW,.hantu-tutorial_unlockButton__jwNHz,.hantu-tutorial_voiceToggle__Omgy5{min-height:46px;border:0;border-radius:14px;font-weight:850;cursor:pointer}.hantu-tutorial_listenButton__Lam2E,.hantu-tutorial_voiceToggle__Omgy5{min-height:40px;padding:0 12px;font-size:12px}.hantu-tutorial_listenButton__Lam2E{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#224bb8}.hantu-tutorial_listenButton__Lam2E span{font-size:9px}.hantu-tutorial_voiceToggle__Omgy5{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:#fff}.hantu-tutorial_voiceToggle__Omgy5 i{width:8px;height:8px;border-radius:50%;background:#a9bce7}.hantu-tutorial_voiceToggle__Omgy5 i.hantu-tutorial_isOn__3xPbc{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.14)}.hantu-tutorial_taskCard__cKXzS{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:0 14px 12px;border:1px solid #d4e0f7;border-radius:18px;background:#fff;padding:13px 15px;box-shadow:0 7px 20px rgba(45,72,128,.06)}.hantu-tutorial_taskCard__cKXzS span{border-radius:999px;background:#eaf1ff;padding:7px 9px;color:#224bb8;font-size:10px;font-weight:950;white-space:nowrap}.hantu-tutorial_taskCard__cKXzS strong{font-size:15px;line-height:1.45;letter-spacing:-.03em;word-break:keep-all}.hantu-tutorial_practiceArea__AYpgs{padding:0 14px}.hantu-tutorial_captureStage__tL6xa{position:relative;display:block;width:100%;aspect-ratio:1080/2110;overflow:hidden;border:6px solid #202d4c;border-radius:30px;background:#fff;padding:0;text-align:left;box-shadow:0 18px 38px rgba(31,55,106,.18),inset 0 0 0 1px rgba(255,255,255,.2);cursor:default}.hantu-tutorial_captureImage__14QT7{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.hantu-tutorial_hotspot__nKN0E{position:absolute;z-index:4;display:grid;place-items:center;border:3px solid #2b6cff;border-radius:11px;background:rgba(43,108,255,.14);box-shadow:0 0 0 2px rgba(255,255,255,.98),0 0 0 999px rgba(23,43,87,.24),0 0 0 7px rgba(43,108,255,.2),0 0 26px rgba(43,108,255,.62);cursor:pointer;animation:hantu-tutorial_hotspotPulse__P_L7H 1.25s ease-in-out infinite}.hantu-tutorial_hotspot__nKN0E>span{position:absolute;top:calc(100% + 8px);right:-3px;min-width:max-content;border-radius:999px;background:#224bb8;padding:6px 9px;color:#fff;font-size:9px;font-weight:950;line-height:1;white-space:nowrap;box-shadow:0 5px 14px rgba(15,38,96,.32)}.hantu-tutorial_captureMeta__K0Rr5{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 3px 0;color:#52627b}.hantu-tutorial_captureMeta__K0Rr5 span{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:850}.hantu-tutorial_captureMeta__K0Rr5 i{width:7px;height:7px;border-radius:50%;background:#3568e8}.hantu-tutorial_captureMeta__K0Rr5 small{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.hantu-tutorial_videoLesson__KryGW{overflow:hidden;border:1px solid #cedbf2;border-radius:28px;background:#fff;box-shadow:0 18px 38px rgba(31,55,106,.14)}.hantu-tutorial_videoTopline__F1AQb{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:0 15px;background:#f6f9ff;color:#183267}.hantu-tutorial_videoTopline__F1AQb span{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900}.hantu-tutorial_videoTopline__F1AQb i{width:8px;height:8px;border-radius:50%;background:#3568e8;box-shadow:0 0 0 4px rgba(53,104,232,.12)}.hantu-tutorial_videoTopline__F1AQb small{color:#677894;font-size:10px;font-weight:800}.hantu-tutorial_videoStage__hBSfe{position:relative;width:100%;aspect-ratio:1080/2340;overflow:hidden;border-block:5px solid #202d4c;background:#0e1524}.hantu-tutorial_videoStage__hBSfe:after{position:absolute;inset:0;border:1px solid rgba(255,255,255,.14);pointer-events:none;content:""}.hantu-tutorial_lessonVideo__J2ncL{display:block;width:100%;height:100%;background:#0e1524;object-fit:contain}.hantu-tutorial_videoSummary__BwHtl{display:grid;gap:5px;margin:14px 14px 0;border:1px solid #d5e1f6;border-radius:17px;background:#eef4ff;padding:13px 14px}.hantu-tutorial_videoSummary__BwHtl span{color:#224bb8;font-size:10px;font-weight:950;letter-spacing:.04em}.hantu-tutorial_videoSummary__BwHtl strong{color:#183267;font-size:14px;line-height:1.5;letter-spacing:-.025em;word-break:keep-all}.hantu-tutorial_videoNextButton__RtuxF{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 28px);min-height:52px;margin:10px 14px 14px;border:0;border-radius:16px;background:linear-gradient(135deg,#224bb8,#4177f0);padding:0 17px;color:#fff;font-size:15px;font-weight:900;box-shadow:0 9px 20px rgba(53,104,232,.2);cursor:pointer}.hantu-tutorial_videoNextButton__RtuxF span{font-size:20px}.hantu-tutorial_feedbackBar__rz_FZ{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;margin:12px 14px;border:1px solid #d2def5;border-radius:16px;background:#edf3ff;padding:11px 13px;color:#183267;font-size:13px;font-weight:750;line-height:1.45}.hantu-tutorial_feedbackIcon__sjjFB{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#3568e8;color:#fff;font-size:13px;font-weight:950}.hantu-tutorial_footerActions__bdVea{position:sticky;z-index:8;bottom:0;display:grid;grid-template-columns:112px 1fr;gap:10px;border-top:1px solid rgba(215,226,244,.92);background:rgba(243,246,251,.94);padding:12px 14px 18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hantu-tutorial_backButton__IehjM,.hantu-tutorial_secondaryButton__QRQqW{border:1px solid #ced9eb;background:#fff;color:#3e4d67}.hantu-tutorial_backButton__IehjM:disabled{cursor:not-allowed;opacity:.42}.hantu-tutorial_hintButton__XXSWV,.hantu-tutorial_primaryButton__FH_ve{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#224bb8,#4177f0);color:#fff;box-shadow:0 9px 20px rgba(53,104,232,.23)}.hantu-tutorial_hintButton__XXSWV span,.hantu-tutorial_primaryButton__FH_ve span{color:#dbe7ff}.hantu-tutorial_accessCard__ybaIE{position:relative;z-index:1;display:flex;flex-direction:column;width:min(100%,430px);min-height:min(720px,100dvh - 64px);overflow:hidden;border:1px solid rgba(44,86,181,.15);border-radius:38px;background:radial-gradient(circle at 90% 0,rgba(91,139,255,.2),transparent 32%),linear-gradient(180deg,#ffffff,#f8faff);padding:22px;box-shadow:0 38px 90px rgba(39,70,137,.22)}.hantu-tutorial_accessTopline__3ud2E{display:flex;align-items:center;justify-content:space-between}.hantu-tutorial_privateChip__2IHR4{display:inline-flex;align-items:center;gap:7px;min-height:32px;border:1px solid #c9d9fb;border-radius:999px;background:#eaf1ff;padding:0 12px;color:#183267;font-size:11px;font-weight:900}.hantu-tutorial_privateChip__2IHR4 i{width:7px;height:7px;border-radius:50%;background:#3568e8;box-shadow:0 0 0 4px rgba(53,104,232,.12)}.hantu-tutorial_accessHero__SBqFw{display:flex;flex-direction:column;align-items:center;margin-top:clamp(44px,8vh,72px);text-align:center}.hantu-tutorial_accessHero__SBqFw>p{margin:24px 0 0;color:#224bb8;font-size:11px;font-weight:950;letter-spacing:.08em}.hantu-tutorial_accessHero__SBqFw h1{margin:8px 0 0;color:#171b24;font-size:31px;line-height:1.2;letter-spacing:-.065em}.hantu-tutorial_accessHero__SBqFw>span:last-child{margin-top:12px;color:#5d687a;font-size:15px;line-height:1.55;letter-spacing:-.025em;word-break:keep-all}.hantu-tutorial_accessLock__sIY_O{position:relative;display:grid;place-items:end center;width:88px;height:88px;border:1px solid #cbdafb;border-radius:30px;background:linear-gradient(145deg,#eff4ff,#dfe9ff);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 16px 34px rgba(53,104,232,.16)}.hantu-tutorial_accessLock__sIY_O:before{position:absolute;top:19px;left:31px;width:26px;height:29px;border:6px solid #224bb8;border-bottom:0;border-radius:18px 18px 0 0;content:""}.hantu-tutorial_accessLock__sIY_O i{position:relative;width:48px;height:38px;margin-bottom:18px;border-radius:12px;background:linear-gradient(145deg,#477bfa,#224bb8)}.hantu-tutorial_accessLock__sIY_O i:after{position:absolute;top:12px;left:21px;width:6px;height:12px;border-radius:999px;background:#fff;content:""}.hantu-tutorial_accessForm__fbBy4{display:grid;gap:9px;margin-top:34px}.hantu-tutorial_accessForm__fbBy4 label{color:#171b24;font-size:15px;font-weight:900;letter-spacing:-.025em}.hantu-tutorial_accessInputWrap__o_A00{overflow:hidden;border:2px solid #cfdaf0;border-radius:17px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}.hantu-tutorial_accessInputWrap__o_A00:focus-within{border-color:#3568e8;box-shadow:0 0 0 4px rgba(53,104,232,.12)}.hantu-tutorial_accessInputWrap__o_A00.hantu-tutorial_hasError__Kh3_L{border-color:#d84855;box-shadow:0 0 0 4px rgba(216,72,85,.1)}.hantu-tutorial_accessInputWrap__o_A00 input{width:100%;min-height:58px;border:0;outline:0;background:rgba(0,0,0,0);padding:0 17px;color:#171b24;font:inherit;font-size:18px;font-weight:800;letter-spacing:.04em}.hantu-tutorial_accessInputWrap__o_A00 input::placeholder{color:#9aa7ba;font-weight:650;letter-spacing:-.02em}.hantu-tutorial_accessError__J7ch_,.hantu-tutorial_accessHelp__Uv_0l{min-height:19px;margin:0;padding-inline:3px;font-size:12px;font-weight:700;line-height:1.55}.hantu-tutorial_accessHelp__Uv_0l{color:#748198}.hantu-tutorial_accessError__J7ch_{color:#c73543}.hantu-tutorial_unlockButton__jwNHz{display:flex;align-items:center;justify-content:space-between;min-height:58px;margin-top:5px;background:linear-gradient(135deg,#224bb8,#477bf5);padding:0 19px;color:#fff;font-size:16px;box-shadow:0 12px 26px rgba(53,104,232,.24)}.hantu-tutorial_unlockButton__jwNHz span{color:#dce7ff;font-size:22px}.hantu-tutorial_accessSafety__I1XvI{display:flex;align-items:center;gap:10px;margin-top:auto;border:1px solid #d9e3f6;border-radius:16px;background:#f2f6fd;padding:12px 13px}.hantu-tutorial_accessSafety__I1XvI>span{display:grid;flex:0 0 auto;place-items:center;width:28px;height:28px;border-radius:10px;background:#eaf1ff;color:#224bb8;font-size:12px;font-weight:950}.hantu-tutorial_accessSafety__I1XvI p{margin:0;color:#5b6880;font-size:12px;line-height:1.45}.hantu-tutorial_accessSafety__I1XvI strong{color:#183267}.hantu-tutorial_completionCard__kN_7o{position:relative;z-index:1;width:min(100%,430px);margin-top:min(7vh,56px);overflow:hidden;border:1px solid rgba(44,86,181,.15);border-radius:38px;background:radial-gradient(circle at 90% 0,rgba(91,139,255,.18),transparent 32%),#fff;padding:22px 22px 24px;box-shadow:0 38px 90px rgba(39,70,137,.22);text-align:center}.hantu-tutorial_completionCard__kN_7o h1{margin:9px 0 0;font-size:30px;line-height:1.28;letter-spacing:-.06em}.hantu-tutorial_completionTopline__5qbqC{display:flex;align-items:center;justify-content:space-between}.hantu-tutorial_completionIcon__qqWSd{display:grid;place-items:center;width:84px;height:84px;margin:34px auto 20px;border:10px solid #e8efff;border-radius:30px;background:linear-gradient(145deg,#4c7df2,#224bb8);color:#fff;font-size:35px;font-weight:950;box-shadow:0 14px 28px rgba(53,104,232,.24)}.hantu-tutorial_completionEyebrow__ku2js{margin:0;color:#224bb8;font-size:10px;font-weight:950;letter-spacing:.12em}.hantu-tutorial_completionMessage__RdQo8{margin:14px 2px 0;color:#5d687a;font-size:16px;line-height:1.68;letter-spacing:-.025em;word-break:keep-all}.hantu-tutorial_skillChips__5c1L8{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:18px}.hantu-tutorial_skillChips__5c1L8 span{border:1px solid #d6e1f6;border-radius:999px;background:#f4f7fd;padding:8px 10px;color:#405274;font-size:11px;font-weight:850}.hantu-tutorial_safetyNote__JVWGf{display:grid;grid-template-columns:36px 1fr;gap:11px;margin-top:22px;border:1px solid #cfddf7;border-radius:19px;background:#edf3ff;padding:15px;text-align:left}.hantu-tutorial_safetyNote__JVWGf div{display:grid;gap:5px}.hantu-tutorial_safetyNote__JVWGf strong{color:#183267;font-size:14px}.hantu-tutorial_safetyNote__JVWGf div span{color:#52617a;font-size:13px;line-height:1.55}.hantu-tutorial_safetyNoteIcon__K8trk{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#3568e8;color:#fff;font-size:16px;font-weight:950}.hantu-tutorial_completionActions__0CzKS{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}@keyframes hantu-tutorial_hotspotPulse__P_L7H{0%,to{border-color:#2b6cff;background:rgba(43,108,255,.14)}50%{border-color:#78a3ff;background:rgba(43,108,255,.25)}}@media(max-width:520px){.hantu-tutorial_shell__supOH{display:block;padding:0;background:#f3f6fb}.hantu-tutorial_ambientGlow__oOIym{display:none}.hantu-tutorial_completionCard__kN_7o,.hantu-tutorial_phoneFrame__H_W89{width:100%;min-height:100dvh;border:0;border-radius:0;box-shadow:none}.hantu-tutorial_completionCard__kN_7o{margin:0;padding-top:24px}.hantu-tutorial_accessCard__ybaIE{width:100%;min-height:100dvh;border:0;border-radius:0;padding:22px 20px 20px;box-shadow:none}}@media(max-width:370px){.hantu-tutorial_appHeader__0reHS{padding-inline:15px}.hantu-tutorial_brand___0__d small{display:none}.hantu-tutorial_safeChip__Czsy6{padding-inline:9px;font-size:10px}.hantu-tutorial_coachCard__dD_sU{grid-template-columns:48px minmax(0,1fr);padding-inline:14px}.hantu-tutorial_avatar__jAbmP{width:48px;height:48px}.hantu-tutorial_accessHero__SBqFw{margin-top:36px}.hantu-tutorial_accessHero__SBqFw h1{font-size:28px}}@media(prefers-reduced-motion:reduce){.hantu-tutorial_hotspot__nKN0E,.hantu-tutorial_progressTrack__6J1k7 span{animation:none;transition:none}}