.TafsirMockup-module__7HgZmq__stage{--c-bg:#f7f1e8;--c-card:#fffdf9;--c-card-soft:#fbf7ef;--c-teal:#063f3d;--c-teal-2:#155f5b;--c-muted:#6f807d;--c-line:#e9ded0;--c-sand:#baac94;--c-highlight:#e8f1ed;--ease:cubic-bezier(.2,.8,.2,1);background:radial-gradient(circle at top,#fffaf3 0%,var(--c-bg)55%,#f3eadc 100%);width:100%;height:100%;color:var(--c-teal);direction:rtl;place-items:center;padding:clamp(10px,2vw,30px);display:grid;position:relative;overflow:hidden}.TafsirMockup-module__7HgZmq__card{width:100%;max-width:1120px;height:100%;animation:TafsirMockup-module__7HgZmq__cardIn .85s var(--ease)both;background:#fffdf9f0;border:1px solid #ddd3c7c7;border-radius:clamp(16px,2.5vw,28px);flex-direction:column;padding:clamp(12px,2.5vw,30px);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 55px #063f3d14}.TafsirMockup-module__7HgZmq__topbar{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:clamp(10px,1.8vw,22px);display:flex}.TafsirMockup-module__7HgZmq__spacer{width:clamp(40px,6vw,76px);height:clamp(28px,4vw,38px)}.TafsirMockup-module__7HgZmq__featurePill{background:var(--c-card-soft);border:1px solid var(--c-line);color:var(--c-teal);animation:TafsirMockup-module__7HgZmq__fadeSlide .65s var(--ease).25s both;white-space:nowrap;border-radius:999px;align-items:center;gap:clamp(5px,1vw,10px);padding:clamp(7px,1.2vw,12px) clamp(12px,2vw,24px);font-size:clamp(10px,1.4vw,18px);font-weight:800;display:inline-flex;box-shadow:0 8px 20px #063f3d0a}.TafsirMockup-module__7HgZmq__icons{color:var(--c-teal);direction:ltr;align-items:center;gap:clamp(8px,1.4vw,18px);display:flex}.TafsirMockup-module__7HgZmq__iconBell{background:var(--c-card-soft);border:1px solid var(--c-line);width:clamp(28px,4vw,38px);height:clamp(28px,4vw,38px);color:var(--c-teal);transform-origin:top;border-radius:clamp(8px,1.2vw,13px);place-items:center;animation:4.5s ease-in-out infinite TafsirMockup-module__7HgZmq__bell;display:grid;position:relative;box-shadow:0 8px 20px #063f3d0a}.TafsirMockup-module__7HgZmq__iconBell:after{content:"3";background:var(--c-sand);color:#fff;border-radius:50%;place-items:center;width:clamp(14px,1.8vw,18px);height:clamp(14px,1.8vw,18px);font-size:clamp(9px,1vw,11px);font-weight:700;display:grid;position:absolute;top:-7px;right:-7px}.TafsirMockup-module__7HgZmq__iconBell svg{width:clamp(16px,2vw,25px);height:clamp(16px,2vw,25px)}.TafsirMockup-module__7HgZmq__moon{font-size:clamp(18px,2.4vw,24px);line-height:1}.TafsirMockup-module__7HgZmq__layout{flex:1;grid-template-columns:58% 42%;gap:clamp(8px,1.8vw,22px);min-height:0;display:grid}.TafsirMockup-module__7HgZmq__quranPanel,.TafsirMockup-module__7HgZmq__tafsirPanel{border:1px solid var(--c-line);background:#fffdf9f5;border-radius:clamp(14px,2vw,24px);min-width:0;min-height:0;box-shadow:0 12px 38px #063f3d0e}.TafsirMockup-module__7HgZmq__quranPanel{animation:TafsirMockup-module__7HgZmq__fadeSlide .85s var(--ease).4s both;flex-direction:column;padding:clamp(10px,2vw,24px);display:flex}.TafsirMockup-module__7HgZmq__readerTabs{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(6px,1vw,12px);margin-bottom:clamp(8px,1.5vw,18px);display:flex}.TafsirMockup-module__7HgZmq__tabGroup{flex-wrap:wrap;gap:clamp(4px,.7vw,8px);display:flex}.TafsirMockup-module__7HgZmq__tab{background:var(--c-card-soft);color:var(--c-muted);border:1px solid var(--c-line);white-space:nowrap;border-radius:999px;padding:clamp(4px,.8vw,9px) clamp(7px,1.2vw,13px);font-size:clamp(9px,1vw,13px);font-weight:800}.TafsirMockup-module__7HgZmq__tabActive{background:linear-gradient(145deg,var(--c-teal-2),var(--c-teal));color:#fff;border-color:#0000;box-shadow:0 10px 18px #063f3d29}.TafsirMockup-module__7HgZmq__surahSelect{border:1px solid var(--c-line);color:var(--c-teal);background:#fff;border-radius:clamp(10px,1.5vw,14px);align-items:center;gap:clamp(5px,.7vw,8px);padding:clamp(6px,1vw,10px) clamp(8px,1.2vw,14px);font-size:clamp(9px,1.1vw,14px);font-weight:800;display:inline-flex}.TafsirMockup-module__7HgZmq__quranText{text-align:center;flex:1;align-content:center;display:grid;position:relative;overflow:hidden}.TafsirMockup-module__7HgZmq__bismillah{color:var(--c-teal);opacity:0;animation:TafsirMockup-module__7HgZmq__fadeIn .7s var(--ease).9s both;margin-bottom:clamp(8px,1.4vw,18px);font-size:clamp(14px,2.4vw,29px);font-weight:800;line-height:1.8}.TafsirMockup-module__7HgZmq__ayahLine{color:#193f3d;opacity:0;animation:TafsirMockup-module__7HgZmq__lineIn .65s var(--ease)both;font-size:clamp(12px,2.1vw,25px);font-weight:700;line-height:2.2;transform:translateY(10px)}.TafsirMockup-module__7HgZmq__ayahLine:nth-of-type(2){animation-delay:1.15s}.TafsirMockup-module__7HgZmq__ayahLine:nth-of-type(3){animation-delay:1.35s}.TafsirMockup-module__7HgZmq__ayahLine:nth-of-type(4){animation-delay:1.55s}.TafsirMockup-module__7HgZmq__ayahLine:nth-of-type(5){animation-delay:1.75s}.TafsirMockup-module__7HgZmq__ayah{border-radius:clamp(8px,1.2vw,14px);padding:clamp(3px,.5vw,6px) clamp(5px,.8vw,10px);display:inline;position:relative}.TafsirMockup-module__7HgZmq__ayahSelected{animation:TafsirMockup-module__7HgZmq__ayahGlow 2.4s var(--ease)2.1s both;background:linear-gradient(90deg,#e8f1ed00,#e8f1edeb,#e8f1ed00);box-shadow:inset 0 -11px #155f5b14}.TafsirMockup-module__7HgZmq__marker{border:1px solid var(--c-sand);width:clamp(18px,2.2vw,27px);height:clamp(18px,2.2vw,27px);color:var(--c-teal);vertical-align:middle;background:#fffbf5;border-radius:50%;place-items:center;margin:0 clamp(2px,.4vw,4px);font-size:clamp(10px,1.1vw,13px);font-weight:800;display:inline-grid}.TafsirMockup-module__7HgZmq__tafsirPanel{opacity:0;animation:TafsirMockup-module__7HgZmq__panelSlide .85s var(--ease)2.45s both;flex-direction:column;gap:clamp(7px,1.3vw,14px);padding:clamp(10px,2vw,22px);display:flex;transform:translate(-22px)}.TafsirMockup-module__7HgZmq__tafsirHead{justify-content:space-between;align-items:center;gap:clamp(8px,1.2vw,14px);display:flex}.TafsirMockup-module__7HgZmq__aiBadge{background:linear-gradient(145deg,var(--c-teal-2),var(--c-teal));color:#fff;border-radius:clamp(8px,1.2vw,13px);flex-shrink:0;place-items:center;width:clamp(28px,3.6vw,42px);height:clamp(28px,3.6vw,42px);font-size:clamp(11px,1.6vw,19px);font-weight:800;animation:2.6s ease-in-out infinite TafsirMockup-module__7HgZmq__pulse;display:grid;box-shadow:0 12px 24px #063f3d2e}.TafsirMockup-module__7HgZmq__tafsirTitle{flex:1;min-width:0}.TafsirMockup-module__7HgZmq__tafsirTitle h3{margin:0 0 clamp(2px,.4vw,5px);font-size:clamp(13px,1.8vw,22px);font-weight:900}.TafsirMockup-module__7HgZmq__tafsirTitle p{color:var(--c-muted);margin:0;font-size:clamp(9px,1.1vw,13px);font-weight:700}.TafsirMockup-module__7HgZmq__selectedAyahBox{background:var(--c-highlight);text-align:center;opacity:0;animation:TafsirMockup-module__7HgZmq__fadeSlide .65s var(--ease)2.9s both;border:1px solid #d4e3dd;border-radius:clamp(10px,1.6vw,18px);padding:clamp(8px,1.4vw,16px) clamp(10px,1.6vw,18px);font-size:clamp(10px,1.2vw,15px);font-weight:800;line-height:1.7}.TafsirMockup-module__7HgZmq__answerBox{border:1px solid var(--c-line);background:#fff;border-radius:clamp(10px,1.6vw,18px);min-height:clamp(70px,14vw,172px);padding:clamp(10px,1.6vw,18px);box-shadow:0 10px 26px #063f3d0b}.TafsirMockup-module__7HgZmq__typingLine{width:0;height:clamp(8px,1.2vw,15px);animation:TafsirMockup-module__7HgZmq__typeLine .7s var(--ease)both;background:linear-gradient(90deg,#155f5b2b,#baac9433);border-radius:999px;margin-bottom:clamp(7px,1.1vw,13px)}.TafsirMockup-module__7HgZmq__typingLine:first-child{animation-delay:3.35s}.TafsirMockup-module__7HgZmq__typingLine:nth-child(2){animation-delay:3.6s}.TafsirMockup-module__7HgZmq__typingLine:nth-child(3){animation-delay:3.85s}.TafsirMockup-module__7HgZmq__typingLine:nth-child(4){animation-delay:4.1s}.TafsirMockup-module__7HgZmq__answerText{color:var(--c-teal);opacity:0;animation:TafsirMockup-module__7HgZmq__fadeIn .7s var(--ease)4.45s both;margin:clamp(7px,1vw,12px) 0 0;font-size:clamp(10px,1.2vw,15px);font-weight:700;line-height:1.85}.TafsirMockup-module__7HgZmq__sourceLine{background:var(--c-card-soft);border:1px solid var(--c-line);color:var(--c-muted);opacity:0;animation:TafsirMockup-module__7HgZmq__fadeSlide .6s var(--ease)4.65s both;border-radius:clamp(9px,1.4vw,14px);justify-content:space-between;align-items:center;padding:clamp(7px,1vw,11px) clamp(9px,1.3vw,14px);font-size:clamp(9px,1.1vw,13px);font-weight:700;display:flex}.TafsirMockup-module__7HgZmq__quickSection{margin-top:auto}.TafsirMockup-module__7HgZmq__quickTitle{color:var(--c-teal);opacity:0;animation:TafsirMockup-module__7HgZmq__fadeIn .5s var(--ease)4.9s both;margin-bottom:clamp(6px,.9vw,10px);font-size:clamp(10px,1.2vw,15px);font-weight:900}.TafsirMockup-module__7HgZmq__chips{flex-wrap:wrap;gap:clamp(5px,.8vw,9px);display:flex}.TafsirMockup-module__7HgZmq__quickChip{background:var(--c-card-soft);color:var(--c-muted);border:1px solid var(--c-line);opacity:0;animation:TafsirMockup-module__7HgZmq__chipIn .45s var(--ease)both;white-space:nowrap;border-radius:999px;padding:clamp(6px,1vw,10px) clamp(7px,1.1vw,12px);font-size:clamp(9px,1.1vw,13px);font-weight:800;transform:translateY(8px)}.TafsirMockup-module__7HgZmq__quickChip:first-child{animation-delay:5.1s}.TafsirMockup-module__7HgZmq__quickChip:nth-child(2){animation-delay:5.25s}.TafsirMockup-module__7HgZmq__quickChip:nth-child(3){animation-delay:5.4s}.TafsirMockup-module__7HgZmq__quickChip:nth-child(4){animation-delay:5.55s}.TafsirMockup-module__7HgZmq__quickChipActive{background:linear-gradient(145deg,var(--c-teal-2),var(--c-teal));color:#fff;animation:TafsirMockup-module__7HgZmq__chipIn .45s var(--ease)5.1s both,TafsirMockup-module__7HgZmq__activeChip 2.2s ease-in-out 5.8s infinite;border-color:#0000}.TafsirMockup-module__7HgZmq__inputBar{border:1px solid var(--c-line);color:var(--c-muted);opacity:0;animation:TafsirMockup-module__7HgZmq__fadeSlide .65s var(--ease)5.75s both;background:#fff;border-radius:clamp(10px,1.7vw,18px);align-items:center;gap:clamp(7px,1.1vw,12px);padding:clamp(8px,1.3vw,12px) clamp(9px,1.5vw,14px);font-size:clamp(9px,1.1vw,14px);font-weight:700;display:flex}.TafsirMockup-module__7HgZmq__send{background:var(--c-teal);color:#fff;border-radius:clamp(7px,1.1vw,12px);flex-shrink:0;place-items:center;width:clamp(24px,3vw,34px);height:clamp(24px,3vw,34px);margin-right:auto;font-size:clamp(11px,1.3vw,16px);display:grid}@media (max-width:720px){.TafsirMockup-module__7HgZmq__layout{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:1fr;gap:8px}.TafsirMockup-module__7HgZmq__tafsirPanel{animation:TafsirMockup-module__7HgZmq__panelSlideDown .85s var(--ease)2.45s both;gap:6px;transform:translateY(-10px)}.TafsirMockup-module__7HgZmq__sourceLine,.TafsirMockup-module__7HgZmq__quickSection,.TafsirMockup-module__7HgZmq__inputBar{display:none}.TafsirMockup-module__7HgZmq__answerBox{min-height:40px;padding:8px 10px}.TafsirMockup-module__7HgZmq__typingLine{height:6px;margin-bottom:5px}.TafsirMockup-module__7HgZmq__typingLine:nth-child(3),.TafsirMockup-module__7HgZmq__typingLine:nth-child(4){display:none}.TafsirMockup-module__7HgZmq__answerText{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:6px;font-size:9.5px;line-height:1.55;display:-webkit-box;overflow:hidden}}@media (max-width:480px){.TafsirMockup-module__7HgZmq__spacer{display:none}.TafsirMockup-module__7HgZmq__topbar{margin-bottom:8px}.TafsirMockup-module__7HgZmq__featurePill{padding:5px 10px;font-size:9px}.TafsirMockup-module__7HgZmq__icons{gap:6px}.TafsirMockup-module__7HgZmq__iconBell{border-radius:7px;width:22px;height:22px}.TafsirMockup-module__7HgZmq__iconBell:after{width:12px;height:12px;font-size:8px;top:-4px;right:-4px}.TafsirMockup-module__7HgZmq__iconBell svg{width:11px;height:11px}.TafsirMockup-module__7HgZmq__moon{font-size:14px}.TafsirMockup-module__7HgZmq__quranPanel,.TafsirMockup-module__7HgZmq__tafsirPanel{padding:8px}.TafsirMockup-module__7HgZmq__readerTabs{flex-wrap:nowrap;margin-bottom:6px}.TafsirMockup-module__7HgZmq__surahSelect{padding:4px 8px;font-size:9px}.TafsirMockup-module__7HgZmq__tab{padding:3px 6px;font-size:8px}.TafsirMockup-module__7HgZmq__bismillah{margin-bottom:4px;font-size:11px}.TafsirMockup-module__7HgZmq__ayahLine{font-size:10px;line-height:1.75}.TafsirMockup-module__7HgZmq__marker{width:14px;height:14px;font-size:8px}.TafsirMockup-module__7HgZmq__tafsirHead{gap:6px}.TafsirMockup-module__7HgZmq__aiBadge{border-radius:6px;width:22px;height:22px;font-size:9px}.TafsirMockup-module__7HgZmq__tafsirTitle h3{font-size:11px}.TafsirMockup-module__7HgZmq__tafsirTitle p{font-size:8px}.TafsirMockup-module__7HgZmq__selectedAyahBox{border-radius:8px;padding:6px 8px;font-size:9px;line-height:1.5}.TafsirMockup-module__7HgZmq__answerText{font-size:8.5px;line-height:1.45}}@keyframes TafsirMockup-module__7HgZmq__cardIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes TafsirMockup-module__7HgZmq__fadeSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes TafsirMockup-module__7HgZmq__panelSlide{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:translate(0)}}@keyframes TafsirMockup-module__7HgZmq__panelSlideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes TafsirMockup-module__7HgZmq__lineIn{to{opacity:1;transform:translateY(0)}}@keyframes TafsirMockup-module__7HgZmq__fadeIn{to{opacity:1}}@keyframes TafsirMockup-module__7HgZmq__ayahGlow{0%{box-shadow:inset 0 0 #155f5b00}60%{box-shadow:inset 0 -11px #155f5b14}to{box-shadow:inset 0 -11px #155f5b14,0 0 0 7px #155f5b0b}}@keyframes TafsirMockup-module__7HgZmq__typeLine{0%{opacity:.45;width:0}to{width:var(--w,92%);opacity:1}}@keyframes TafsirMockup-module__7HgZmq__chipIn{to{opacity:1;transform:translateY(0)}}@keyframes TafsirMockup-module__7HgZmq__activeChip{0%,to{box-shadow:0 10px 18px #063f3d1f}50%{box-shadow:0 15px 28px #063f3d3d}}@keyframes TafsirMockup-module__7HgZmq__pulse{0%,to{transform:scale(1);box-shadow:0 12px 24px #063f3d2e}50%{transform:scale(1.05);box-shadow:0 18px 34px #063f3d3d}}@keyframes TafsirMockup-module__7HgZmq__bell{0%,92%,to{transform:rotate(0)}94%{transform:rotate(8deg)}96%{transform:rotate(-8deg)}98%{transform:rotate(5deg)}}
.HifzMockup-module__PnZazq__stage{--c-bg:#f7f1e8;--c-card:#fffdf9;--c-card-soft:#fbf7ef;--c-teal:#063f3d;--c-teal-2:#155f5b;--c-teal-3:#2f7873;--c-muted:#6f807d;--c-line:#e9ded0;--c-sand:#baac94;--c-highlight:#e8f1ed;--c-gold:#e7cf93;--ease:cubic-bezier(.2,.8,.2,1);background:radial-gradient(circle at top,#fffaf3 0%,var(--c-bg)55%,#f3eadc 100%);width:100%;height:100%;color:var(--c-teal);direction:rtl;place-items:center;padding:clamp(10px,2vw,30px);display:grid;position:relative;overflow:hidden}.HifzMockup-module__PnZazq__card{width:100%;max-width:1120px;height:100%;animation:HifzMockup-module__PnZazq__cardIn .85s var(--ease)both;background:#fffdf9f0;border:1px solid #ddd3c7c7;border-radius:clamp(16px,2.5vw,28px);flex-direction:column;padding:clamp(12px,2.5vw,30px);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 55px #063f3d14}.HifzMockup-module__PnZazq__topbar{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:clamp(10px,1.8vw,22px);display:flex}.HifzMockup-module__PnZazq__spacer{width:clamp(40px,6vw,76px);height:clamp(28px,4vw,38px)}.HifzMockup-module__PnZazq__featurePill{background:var(--c-card-soft);border:1px solid var(--c-line);color:var(--c-teal);animation:HifzMockup-module__PnZazq__fadeSlide .65s var(--ease).25s both;white-space:nowrap;border-radius:999px;align-items:center;gap:clamp(5px,1vw,10px);padding:clamp(7px,1.2vw,12px) clamp(12px,2vw,24px);font-size:clamp(10px,1.4vw,18px);font-weight:800;display:inline-flex;box-shadow:0 8px 20px #063f3d0a}.HifzMockup-module__PnZazq__iconSm{flex:none;width:clamp(12px,1.4vw,18px);height:clamp(12px,1.4vw,18px)}.HifzMockup-module__PnZazq__icons{color:var(--c-teal);direction:ltr;align-items:center;gap:clamp(8px,1.4vw,18px);display:flex}.HifzMockup-module__PnZazq__iconBell,.HifzMockup-module__PnZazq__moonIcon{background:var(--c-card-soft);border:1px solid var(--c-line);width:clamp(28px,4vw,38px);height:clamp(28px,4vw,38px);color:var(--c-teal);border-radius:clamp(8px,1.2vw,13px);place-items:center;display:grid;box-shadow:0 8px 20px #063f3d0a}.HifzMockup-module__PnZazq__iconBell{transform-origin:top;animation:4.5s ease-in-out infinite HifzMockup-module__PnZazq__bell;position:relative}.HifzMockup-module__PnZazq__iconBell:after{content:"3";background:var(--c-sand);color:#fff;border-radius:50%;place-items:center;width:clamp(14px,1.8vw,18px);height:clamp(14px,1.8vw,18px);font-size:clamp(9px,1vw,11px);font-weight:700;display:grid;position:absolute;top:-7px;right:-7px}.HifzMockup-module__PnZazq__iconBell svg,.HifzMockup-module__PnZazq__moonIcon svg{width:clamp(16px,2vw,25px);height:clamp(16px,2vw,25px)}.HifzMockup-module__PnZazq__layout{flex:1;grid-template-columns:30% 70%;gap:clamp(8px,1.8vw,22px);min-height:0;display:grid}.HifzMockup-module__PnZazq__sidePanel,.HifzMockup-module__PnZazq__mainPanel{border:1px solid var(--c-line);background:#fffdf9f5;border-radius:clamp(14px,2vw,24px);min-width:0;min-height:0;box-shadow:0 12px 38px #063f3d0e}.HifzMockup-module__PnZazq__sidePanel{animation:HifzMockup-module__PnZazq__fadeSlide .85s var(--ease).43s both;flex-direction:column;gap:clamp(8px,1.3vw,14px);padding:clamp(10px,2vw,22px);display:flex}.HifzMockup-module__PnZazq__mainPanel{animation:HifzMockup-module__PnZazq__fadeSlide .85s var(--ease).58s both;flex-direction:column;gap:clamp(10px,1.4vw,16px);padding:clamp(12px,2vw,22px) clamp(14px,2.2vw,24px);display:flex;overflow:hidden}.HifzMockup-module__PnZazq__sideTitle h3{margin:0 0 clamp(3px,.5vw,6px);font-size:clamp(13px,1.9vw,23px);font-weight:900}.HifzMockup-module__PnZazq__sideTitle p{color:var(--c-muted);margin:0;font-size:clamp(10px,1.1vw,13px);font-weight:700;line-height:1.65}.HifzMockup-module__PnZazq__steps{gap:clamp(7px,1.1vw,12px);margin-top:clamp(6px,.9vw,10px);display:grid}.HifzMockup-module__PnZazq__step{border:1px solid var(--c-line);color:var(--c-muted);opacity:0;animation:HifzMockup-module__PnZazq__stepIn .55s var(--ease)both;background:#fff;border-radius:clamp(11px,1.5vw,17px);justify-content:space-between;align-items:center;padding:clamp(8px,1.2vw,13px) clamp(10px,1.3vw,14px);font-size:clamp(10px,1.1vw,13px);font-weight:800;display:flex;transform:translateY(12px)}.HifzMockup-module__PnZazq__step:first-child{animation-delay:.9s}.HifzMockup-module__PnZazq__step:nth-child(2){animation-delay:1.1s}.HifzMockup-module__PnZazq__step:nth-child(3){animation-delay:1.3s}.HifzMockup-module__PnZazq__step:nth-child(4){animation-delay:1.5s}.HifzMockup-module__PnZazq__stepActive{color:#fff;background:linear-gradient(145deg,var(--c-teal-2),var(--c-teal));border-color:#0000;box-shadow:0 12px 24px #063f3d26}.HifzMockup-module__PnZazq__stepIcon{background:var(--c-card-soft);width:clamp(24px,2.8vw,34px);height:clamp(24px,2.8vw,34px);color:var(--c-teal);border-radius:clamp(8px,1vw,12px);flex-shrink:0;place-items:center;display:grid}.HifzMockup-module__PnZazq__stepIcon svg{width:clamp(13px,1.5vw,19px);height:clamp(13px,1.5vw,19px)}.HifzMockup-module__PnZazq__stepActive .HifzMockup-module__PnZazq__stepIcon{color:#fff;background:#ffffff29}.HifzMockup-module__PnZazq__summaryCard{opacity:0;animation:HifzMockup-module__PnZazq__fadeSlide .65s var(--ease)4.1s both;background:linear-gradient(#e8f1edb3,#ffffffb3);border:1px solid #d4e3dd;border-radius:clamp(12px,1.6vw,18px);margin-top:auto;padding:clamp(10px,1.4vw,16px)}.HifzMockup-module__PnZazq__summaryText strong{margin-bottom:clamp(2px,.4vw,5px);font-size:clamp(15px,2.1vw,25px);font-weight:900;display:block}.HifzMockup-module__PnZazq__summaryText span{color:var(--c-muted);font-size:clamp(10px,1.1vw,13px);font-weight:800;display:block}.HifzMockup-module__PnZazq__miniBar{background:#edf2f0;border-radius:999px;height:clamp(6px,.8vw,9px);margin-top:clamp(8px,1.2vw,14px);overflow:hidden}.HifzMockup-module__PnZazq__miniFill{background:linear-gradient(90deg,var(--c-teal),var(--c-teal-3));width:0;height:100%;animation:HifzMockup-module__PnZazq__miniFill 1s var(--ease)4.4s forwards;border-radius:999px}.HifzMockup-module__PnZazq__sessionHead{background:var(--c-card-soft);border:1px solid var(--c-line);border-radius:clamp(12px,1.6vw,18px);justify-content:space-between;align-items:center;gap:8px;padding:clamp(10px,1.3vw,16px) clamp(12px,1.5vw,18px);display:flex}.HifzMockup-module__PnZazq__sessionHead h3{margin:0;font-size:clamp(12px,1.6vw,20px);font-weight:900}.HifzMockup-module__PnZazq__sessionHead p{color:var(--c-muted);margin:clamp(2px,.4vw,5px) 0 0;font-size:clamp(9px,1.1vw,13px);font-weight:700}.HifzMockup-module__PnZazq__detailsBtn{border:1px solid var(--c-line);color:var(--c-teal);white-space:nowrap;background:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:clamp(5px,.7vw,7px);padding:clamp(7px,1vw,10px) clamp(9px,1.2vw,14px);font-size:clamp(9px,1.1vw,13px);font-weight:900;display:inline-flex;box-shadow:0 8px 18px #063f3d0a}.HifzMockup-module__PnZazq__audioCard{border:1px solid var(--c-line);opacity:0;animation:HifzMockup-module__PnZazq__fadeSlide .7s var(--ease)1.7s both;background:#fff;border-radius:clamp(13px,1.8vw,20px);padding:clamp(11px,1.5vw,18px);transform:translateY(14px);box-shadow:0 10px 30px #063f3d0a}.HifzMockup-module__PnZazq__audioTop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(6px,1vw,12px);margin-bottom:clamp(10px,1.3vw,16px);display:flex}.HifzMockup-module__PnZazq__audioTitle{align-items:center;gap:clamp(6px,.8vw,9px);font-size:clamp(10px,1.3vw,16px);font-weight:900;display:inline-flex}.HifzMockup-module__PnZazq__titleIcon{background:var(--c-highlight);width:clamp(24px,2.8vw,33px);height:clamp(24px,2.8vw,33px);color:var(--c-teal);border-radius:clamp(8px,1vw,12px);flex-shrink:0;place-items:center;display:grid}.HifzMockup-module__PnZazq__titleIcon svg{width:clamp(12px,1.5vw,18px);height:clamp(12px,1.5vw,18px)}.HifzMockup-module__PnZazq__repeatControls{flex-wrap:wrap;align-items:center;gap:clamp(5px,.7vw,8px);display:flex}.HifzMockup-module__PnZazq__tinyControl{background:var(--c-card-soft);border:1px solid var(--c-line);color:var(--c-teal);white-space:nowrap;border-radius:999px;align-items:center;gap:clamp(4px,.6vw,7px);padding:clamp(5px,.7vw,8px) clamp(7px,.9vw,11px);font-size:clamp(9px,1.1vw,13px);font-weight:900;display:inline-flex}.HifzMockup-module__PnZazq__progressRow{grid-template-columns:clamp(32px,4vw,48px) 1fr clamp(32px,4vw,48px);align-items:center;gap:clamp(8px,1vw,12px);margin-bottom:clamp(10px,1.3vw,16px);display:grid}.HifzMockup-module__PnZazq__time{color:var(--c-muted);text-align:center;direction:ltr;font-size:clamp(9px,1vw,12px);font-weight:800}.HifzMockup-module__PnZazq__track{background:#eff3f1;border-radius:999px;height:clamp(6px,.8vw,9px);position:relative;overflow:hidden}.HifzMockup-module__PnZazq__trackFill{background:linear-gradient(90deg,var(--c-teal),var(--c-teal-2));width:0;height:100%;animation:HifzMockup-module__PnZazq__audioFill 4.6s var(--ease)2.1s forwards;border-radius:999px}.HifzMockup-module__PnZazq__playZone{justify-content:center;align-items:center;gap:clamp(12px,1.6vw,18px);display:flex}.HifzMockup-module__PnZazq__skipBtn{border:1px solid var(--c-line);background:var(--c-card-soft);width:clamp(28px,3.4vw,38px);height:clamp(28px,3.4vw,38px);color:var(--c-teal);cursor:pointer;border-radius:clamp(10px,1.3vw,14px);place-items:center;padding:0;display:grid}.HifzMockup-module__PnZazq__skipBtn svg{width:clamp(12px,1.4vw,18px);height:clamp(12px,1.4vw,18px)}.HifzMockup-module__PnZazq__playBtn{background:linear-gradient(145deg,var(--c-teal-2),var(--c-teal));color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:clamp(42px,5vw,58px);height:clamp(42px,5vw,58px);padding:0;animation:2.4s ease-in-out infinite HifzMockup-module__PnZazq__playPulse;display:grid;box-shadow:0 14px 28px #063f3d2e}.HifzMockup-module__PnZazq__playBtn svg{width:clamp(18px,2vw,24px);height:clamp(18px,2vw,24px)}.HifzMockup-module__PnZazq__quranCard{border:1px solid var(--c-line);opacity:0;animation:HifzMockup-module__PnZazq__fadeSlide .7s var(--ease)2s both;background:linear-gradient(#fffdf9,#fbf7ef);border-radius:clamp(13px,1.8vw,20px);flex-direction:column;flex:1;padding:clamp(12px,2vw,26px);display:flex;position:relative;overflow:hidden;transform:translateY(14px)}.HifzMockup-module__PnZazq__quranCard h4{color:var(--c-teal);margin:0 0 clamp(10px,1.5vw,18px);font-size:clamp(11px,1.3vw,16px);font-weight:900}.HifzMockup-module__PnZazq__quranText{text-align:center;color:#193f3d;flex:1;font-size:clamp(12px,2.1vw,25px);font-weight:750;line-height:2.2;display:block}.HifzMockup-module__PnZazq__verse{opacity:0;animation:HifzMockup-module__PnZazq__verseIn .5s var(--ease)both;border-radius:clamp(8px,1vw,12px);padding:clamp(2px,.4vw,3px) clamp(3px,.5vw,6px);display:inline;position:relative;transform:translateY(8px)}.HifzMockup-module__PnZazq__verse:first-child{animation-delay:2.3s}.HifzMockup-module__PnZazq__verse:nth-child(3){animation-delay:2.45s}.HifzMockup-module__PnZazq__verseHighlight{animation:HifzMockup-module__PnZazq__verseIn .5s var(--ease)2.6s both,HifzMockup-module__PnZazq__verseGlow 2.8s ease-in-out 3.3s infinite;background:#e7cf938c}.HifzMockup-module__PnZazq__number{background:var(--c-gold);width:clamp(20px,2.5vw,30px);height:clamp(20px,2.5vw,30px);color:var(--c-teal);vertical-align:middle;border-radius:50%;place-items:center;margin:0 clamp(3px,.4vw,5px);font-size:clamp(9px,1.1vw,13px);font-weight:900;display:inline-grid}.HifzMockup-module__PnZazq__bottomActions{justify-content:center;align-items:center;gap:clamp(8px,1.2vw,12px);padding-top:clamp(10px,1.3vw,16px);display:flex}.HifzMockup-module__PnZazq__primary{background:linear-gradient(145deg,var(--c-teal-2),var(--c-teal));color:#fff;opacity:0;animation:HifzMockup-module__PnZazq__fadeSlide .6s var(--ease)3.6s both,HifzMockup-module__PnZazq__btnGlow 2.8s ease-in-out 4.4s infinite;cursor:pointer;border:0;border-radius:clamp(11px,1.4vw,15px);align-items:center;gap:clamp(6px,.9vw,9px);padding:clamp(9px,1.2vw,12px) clamp(12px,1.6vw,17px);font-family:inherit;font-weight:900;display:inline-flex;box-shadow:0 12px 24px #063f3d24}.HifzMockup-module__PnZazq__primaryLarge{border-radius:clamp(13px,1.6vw,17px);justify-content:center;min-width:clamp(150px,22vw,230px);padding:clamp(11px,1.6vw,15px) clamp(16px,2.2vw,24px);font-size:clamp(12px,1.6vw,18px)}@media (max-width:720px){.HifzMockup-module__PnZazq__layout{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:8px}.HifzMockup-module__PnZazq__sidePanel{gap:8px;padding:10px}.HifzMockup-module__PnZazq__sideTitle h3{margin-bottom:0;font-size:12px}.HifzMockup-module__PnZazq__sideTitle p{display:none}.HifzMockup-module__PnZazq__steps{flex-flow:wrap;gap:5px;margin-top:0;display:flex}.HifzMockup-module__PnZazq__step{flex:auto;justify-content:center;min-width:0;padding:5px 9px;font-size:9px}.HifzMockup-module__PnZazq__stepIcon{display:none}.HifzMockup-module__PnZazq__summaryCard{align-items:center;gap:10px;margin-top:0;padding:8px 12px;display:flex}.HifzMockup-module__PnZazq__summaryText{flex:1;align-items:baseline;gap:8px;display:flex}.HifzMockup-module__PnZazq__summaryText strong{margin-bottom:0;font-size:16px}.HifzMockup-module__PnZazq__summaryText span{font-size:9px}.HifzMockup-module__PnZazq__miniBar{flex-shrink:0;width:70px;margin-top:0}.HifzMockup-module__PnZazq__mainPanel{gap:8px;padding:10px}.HifzMockup-module__PnZazq__sessionHead{padding:8px 10px}.HifzMockup-module__PnZazq__sessionHead h3{font-size:12px}.HifzMockup-module__PnZazq__sessionHead p{font-size:9px}.HifzMockup-module__PnZazq__detailsBtn{padding:5px 9px;font-size:9px}.HifzMockup-module__PnZazq__audioCard{padding:10px}.HifzMockup-module__PnZazq__audioTop{gap:6px;margin-bottom:8px}.HifzMockup-module__PnZazq__audioTitle{font-size:10px}.HifzMockup-module__PnZazq__tinyControl{gap:3px;padding:3px 6px;font-size:8px}.HifzMockup-module__PnZazq__quranCard{padding:10px 12px}.HifzMockup-module__PnZazq__quranCard h4{margin-bottom:6px;font-size:10px}.HifzMockup-module__PnZazq__quranText{font-size:11px;line-height:2}.HifzMockup-module__PnZazq__number{width:17px;height:17px;font-size:9px}.HifzMockup-module__PnZazq__bottomActions{padding-top:8px}.HifzMockup-module__PnZazq__primaryLarge{min-width:140px;padding:9px 20px;font-size:12px}}@media (max-width:480px){.HifzMockup-module__PnZazq__spacer{display:none}.HifzMockup-module__PnZazq__topbar{margin-bottom:8px}.HifzMockup-module__PnZazq__featurePill{gap:4px;padding:5px 10px;font-size:9px}.HifzMockup-module__PnZazq__icons{gap:6px}.HifzMockup-module__PnZazq__iconBell,.HifzMockup-module__PnZazq__moonIcon{border-radius:7px;width:22px;height:22px}.HifzMockup-module__PnZazq__iconBell:after{width:12px;height:12px;font-size:8px;top:-4px;right:-4px}.HifzMockup-module__PnZazq__iconBell svg,.HifzMockup-module__PnZazq__moonIcon svg{width:11px;height:11px}.HifzMockup-module__PnZazq__sidePanel{padding:8px}.HifzMockup-module__PnZazq__sideTitle h3{font-size:10px}.HifzMockup-module__PnZazq__step{padding:4px 7px;font-size:8px}.HifzMockup-module__PnZazq__summaryCard{padding:6px 10px}.HifzMockup-module__PnZazq__summaryText strong{font-size:13px}.HifzMockup-module__PnZazq__summaryText span{font-size:8px}.HifzMockup-module__PnZazq__miniBar{width:50px;height:5px}.HifzMockup-module__PnZazq__mainPanel{gap:6px;padding:8px}.HifzMockup-module__PnZazq__sessionHead{padding:6px 8px}.HifzMockup-module__PnZazq__sessionHead h3{font-size:10px}.HifzMockup-module__PnZazq__sessionHead p{font-size:8px}.HifzMockup-module__PnZazq__detailsBtn{gap:4px;padding:4px 7px;font-size:8px}.HifzMockup-module__PnZazq__detailsBtn .HifzMockup-module__PnZazq__iconSm{display:none}.HifzMockup-module__PnZazq__audioCard{padding:8px}.HifzMockup-module__PnZazq__audioTop{margin-bottom:6px}.HifzMockup-module__PnZazq__titleIcon{width:20px;height:20px}.HifzMockup-module__PnZazq__titleIcon svg{width:10px;height:10px}.HifzMockup-module__PnZazq__audioTitle{gap:5px;font-size:9px}.HifzMockup-module__PnZazq__repeatControls{display:none}.HifzMockup-module__PnZazq__progressRow{grid-template-columns:24px 1fr 24px;gap:6px;margin-bottom:8px}.HifzMockup-module__PnZazq__time{font-size:8px}.HifzMockup-module__PnZazq__skipBtn{border-radius:8px;width:24px;height:24px}.HifzMockup-module__PnZazq__skipBtn svg{width:10px;height:10px}.HifzMockup-module__PnZazq__playBtn{width:34px;height:34px}.HifzMockup-module__PnZazq__playBtn svg{width:14px;height:14px}.HifzMockup-module__PnZazq__quranCard{padding:8px 10px}.HifzMockup-module__PnZazq__quranCard h4{margin-bottom:5px;font-size:9px}.HifzMockup-module__PnZazq__quranText{font-size:9.5px;line-height:1.9}.HifzMockup-module__PnZazq__number{width:14px;height:14px;font-size:8px}.HifzMockup-module__PnZazq__primaryLarge{border-radius:10px;min-width:auto;padding:7px 16px;font-size:10px}}@keyframes HifzMockup-module__PnZazq__cardIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes HifzMockup-module__PnZazq__fadeSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes HifzMockup-module__PnZazq__stepIn{to{opacity:1;transform:translateY(0)}}@keyframes HifzMockup-module__PnZazq__miniFill{to{width:64%}}@keyframes HifzMockup-module__PnZazq__audioFill{to{width:64%}}@keyframes HifzMockup-module__PnZazq__playPulse{0%,to{transform:scale(1);box-shadow:0 14px 28px #063f3d2e}50%{transform:scale(1.06);box-shadow:0 18px 38px #063f3d42}}@keyframes HifzMockup-module__PnZazq__btnGlow{0%,to{box-shadow:0 12px 24px #063f3d24}50%{box-shadow:0 18px 34px #063f3d3d}}@keyframes HifzMockup-module__PnZazq__verseIn{to{opacity:1;transform:translateY(0)}}@keyframes HifzMockup-module__PnZazq__verseGlow{0%,to{box-shadow:0 0 #baac9400}50%{box-shadow:0 0 0 8px #baac942e}}@keyframes HifzMockup-module__PnZazq__bell{0%,92%,to{transform:rotate(0)}94%{transform:rotate(8deg)}96%{transform:rotate(-8deg)}98%{transform:rotate(5deg)}}
@property --analytics-ring-value{syntax:"<angle>";inherits:false;initial-value:0deg}@property --analytics-donut-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.AnalyticsMockup-module__hAF1Qa__stage{--c-bg:#f7f1e8;--c-card:#fffdf9;--c-card-soft:#fbf7ef;--c-teal:#063f3d;--c-teal-2:#155f5b;--c-green:#17834d;--c-red:#c63737;--c-orange:#bd7b2e;--c-muted:#6f807d;--c-line:#e9ded0;--c-sand:#baac94;--c-sand-soft:#eee6d9;--ease:cubic-bezier(.2,.8,.2,1);background:radial-gradient(circle at top,#fffaf3 0%,var(--c-bg)55%,#f3eadc 100%);width:100%;height:100%;color:var(--c-teal);direction:rtl;place-items:center;padding:clamp(10px,2vw,30px);display:grid;position:relative;overflow:hidden}.AnalyticsMockup-module__hAF1Qa__card{width:100%;max-width:1120px;height:100%;animation:AnalyticsMockup-module__hAF1Qa__cardIn .85s var(--ease)both;background:#fffdf9f0;border:1px solid #ddd3c7c7;border-radius:clamp(16px,2.5vw,28px);flex-direction:column;gap:clamp(8px,1.4vw,18px);padding:clamp(12px,2.5vw,30px);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 55px #063f3d14}.AnalyticsMockup-module__hAF1Qa__topbar{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.AnalyticsMockup-module__hAF1Qa__spacer{width:clamp(40px,6vw,76px);height:clamp(28px,4vw,38px)}.AnalyticsMockup-module__hAF1Qa__featurePill{background:var(--c-card-soft);border:1px solid var(--c-line);color:var(--c-teal);animation:AnalyticsMockup-module__hAF1Qa__fadeSlide .65s var(--ease).25s both;white-space:nowrap;border-radius:999px;align-items:center;gap:clamp(5px,1vw,10px);padding:clamp(7px,1.2vw,12px) clamp(12px,2vw,24px);font-size:clamp(10px,1.4vw,18px);font-weight:800;display:inline-flex;box-shadow:0 8px 20px #063f3d0a}.AnalyticsMockup-module__hAF1Qa__icons{color:var(--c-teal);direction:ltr;align-items:center;gap:clamp(8px,1.4vw,18px);display:flex}.AnalyticsMockup-module__hAF1Qa__iconBell{background:var(--c-card-soft);border:1px solid var(--c-line);width:clamp(28px,4vw,38px);height:clamp(28px,4vw,38px);color:var(--c-teal);transform-origin:top;border-radius:clamp(8px,1.2vw,13px);place-items:center;animation:4.5s ease-in-out infinite AnalyticsMockup-module__hAF1Qa__bell;display:grid;position:relative;box-shadow:0 8px 20px #063f3d0a}.AnalyticsMockup-module__hAF1Qa__iconBell:after{content:"3";background:var(--c-sand);color:#fff;border-radius:50%;place-items:center;width:clamp(14px,1.8vw,18px);height:clamp(14px,1.8vw,18px);font-size:clamp(9px,1vw,11px);font-weight:700;display:grid;position:absolute;top:-7px;right:-7px}.AnalyticsMockup-module__hAF1Qa__iconBell svg{width:clamp(16px,2vw,25px);height:clamp(16px,2vw,25px)}.AnalyticsMockup-module__hAF1Qa__moon{font-size:clamp(18px,2.4vw,24px);line-height:1}.AnalyticsMockup-module__hAF1Qa__studentHeader{border:1px solid var(--c-line);animation:AnalyticsMockup-module__hAF1Qa__fadeSlide .75s var(--ease).42s both;background:#fffdf9f5;border-radius:clamp(14px,1.8vw,22px);justify-content:flex-start;align-items:center;gap:clamp(10px,1.5vw,16px);padding:clamp(12px,1.5vw,18px) clamp(14px,1.8vw,22px);display:flex;box-shadow:0 12px 34px #063f3d0b}.AnalyticsMockup-module__hAF1Qa__avatar{background:linear-gradient(145deg,var(--c-teal-2),var(--c-teal));color:#fff;border-radius:clamp(11px,1.4vw,17px);flex-shrink:0;place-items:center;width:clamp(40px,4.8vw,58px);height:clamp(40px,4.8vw,58px);font-size:clamp(18px,2.4vw,28px);font-weight:900;display:grid;box-shadow:0 12px 24px #063f3d2e}.AnalyticsMockup-module__hAF1Qa__studentInfo{flex:1;min-width:0}.AnalyticsMockup-module__hAF1Qa__studentInfo h3{margin:0 0 clamp(2px,.4vw,5px);font-size:clamp(13px,1.8vw,22px);font-weight:900}.AnalyticsMockup-module__hAF1Qa__studentInfo p{color:var(--c-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(9px,1.1vw,13px);font-weight:700;overflow:hidden}.AnalyticsMockup-module__hAF1Qa__metrics{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.2vw,14px);display:grid}.AnalyticsMockup-module__hAF1Qa__metricCard{border:1px solid var(--c-line);opacity:0;animation:AnalyticsMockup-module__hAF1Qa__metricIn .65s var(--ease)both;background:#fffdf9f5;border-radius:clamp(13px,1.6vw,19px);padding:clamp(10px,1.4vw,17px);transform:translateY(14px);box-shadow:0 10px 28px #063f3d0a}.AnalyticsMockup-module__hAF1Qa__metricCard:first-child{animation-delay:.85s}.AnalyticsMockup-module__hAF1Qa__metricCard:nth-child(2){animation-delay:1s}.AnalyticsMockup-module__hAF1Qa__metricCard:nth-child(3){animation-delay:1.15s}.AnalyticsMockup-module__hAF1Qa__metricCard:nth-child(4){animation-delay:1.3s}.AnalyticsMockup-module__hAF1Qa__metricTop{justify-content:space-between;align-items:center;margin-bottom:clamp(8px,1.2vw,15px);display:flex}.AnalyticsMockup-module__hAF1Qa__metricIcon{background:var(--c-sand-soft);width:clamp(26px,3.1vw,35px);height:clamp(26px,3.1vw,35px);color:var(--c-teal);border-radius:clamp(8px,1vw,12px);place-items:center;font-size:clamp(13px,1.6vw,18px);font-weight:900;line-height:1;display:grid}.AnalyticsMockup-module__hAF1Qa__miniRing{--analytics-ring-value:0deg;background:conic-gradient(var(--c-teal-2)var(--analytics-ring-value),#edf1ef 0deg);width:clamp(28px,3.4vw,38px);height:clamp(28px,3.4vw,38px);animation:AnalyticsMockup-module__hAF1Qa__ringMini 1.1s var(--ease)1.6s both;border-radius:50%;position:relative}.AnalyticsMockup-module__hAF1Qa__miniRing:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:clamp(3px,.4vw,5px)}.AnalyticsMockup-module__hAF1Qa__metricLabel{color:var(--c-muted);margin-bottom:clamp(3px,.5vw,5px);font-size:clamp(9px,1.1vw,13px);font-weight:800}.AnalyticsMockup-module__hAF1Qa__metricValue{font-size:clamp(17px,2.4vw,28px);font-weight:900;line-height:1}.AnalyticsMockup-module__hAF1Qa__metricSub{color:var(--c-muted);margin-top:clamp(5px,.7vw,7px);font-size:clamp(9px,1vw,12px);font-weight:700}.AnalyticsMockup-module__hAF1Qa__mainGrid{flex:1;grid-template-columns:35% 37% 28%;gap:clamp(8px,1.3vw,16px);min-height:0;display:grid}.AnalyticsMockup-module__hAF1Qa__panel{border:1px solid var(--c-line);opacity:0;animation:AnalyticsMockup-module__hAF1Qa__fadeSlide .75s var(--ease)both;background:#fffdf9f5;border-radius:clamp(14px,1.8vw,22px);flex-direction:column;min-width:0;padding:clamp(12px,1.6vw,20px);display:flex;transform:translateY(16px);box-shadow:0 12px 34px #063f3d0b}.AnalyticsMockup-module__hAF1Qa__timePanel{animation-delay:1.5s}.AnalyticsMockup-module__hAF1Qa__barsPanel{animation-delay:1.65s}.AnalyticsMockup-module__hAF1Qa__ringPanel{animation-delay:1.8s}.AnalyticsMockup-module__hAF1Qa__panelTitle{color:var(--c-muted);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:clamp(10px,1.4vw,18px);font-size:clamp(10px,1.2vw,14px);font-weight:900;display:flex}.AnalyticsMockup-module__hAF1Qa__bigTime{background:linear-gradient(#fbf7efcc,#ffffffa6);border-radius:clamp(12px,1.4vw,18px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(6px,1vw,12px);min-height:clamp(60px,10vw,150px);display:flex}.AnalyticsMockup-module__hAF1Qa__bigTime strong{color:var(--c-teal);animation:AnalyticsMockup-module__hAF1Qa__popIn .65s var(--ease)2.3s both;font-size:clamp(18px,2.8vw,36px);line-height:1}.AnalyticsMockup-module__hAF1Qa__bigTime span{color:var(--c-muted);font-size:clamp(10px,1.1vw,14px);font-weight:800}.AnalyticsMockup-module__hAF1Qa__barRow{color:var(--c-teal);grid-template-columns:clamp(28px,3.4vw,45px) 1fr clamp(40px,4.6vw,58px);align-items:center;gap:clamp(6px,.9vw,10px);margin-bottom:clamp(11px,1.5vw,18px);font-size:clamp(10px,1.1vw,14px);font-weight:800;display:grid}.AnalyticsMockup-module__hAF1Qa__barRow:last-child{margin-bottom:0}.AnalyticsMockup-module__hAF1Qa__barCount{text-align:start;font-variant-numeric:tabular-nums}.AnalyticsMockup-module__hAF1Qa__barLabel{text-align:start}.AnalyticsMockup-module__hAF1Qa__barTrack{background:#eff3f1;border-radius:999px;height:clamp(6px,.8vw,9px);overflow:hidden}.AnalyticsMockup-module__hAF1Qa__barFill{width:0;height:100%;animation:AnalyticsMockup-module__hAF1Qa__fillBar .95s var(--ease)forwards;border-radius:999px}.AnalyticsMockup-module__hAF1Qa__barFillGreen{background:var(--c-green);--target:88%;animation-delay:2.4s}.AnalyticsMockup-module__hAF1Qa__barFillOrange{background:var(--c-orange);--target:5%;animation-delay:2.55s}.AnalyticsMockup-module__hAF1Qa__barFillRed{background:var(--c-red);--target:7%;animation-delay:2.7s}.AnalyticsMockup-module__hAF1Qa__barFillTeal{background:var(--c-teal-2);--target:0%;animation-delay:2.85s}.AnalyticsMockup-module__hAF1Qa__donutWrap{flex:1;place-items:center;display:grid}.AnalyticsMockup-module__hAF1Qa__donut{--analytics-donut-angle:0deg;background:conic-gradient(var(--c-green)var(--analytics-donut-angle),#edf1ef 0deg);width:clamp(94px,13.5vw,152px);height:clamp(94px,13.5vw,152px);animation:AnalyticsMockup-module__hAF1Qa__donutFill 1.5s var(--ease)2.3s forwards;border-radius:50%;place-items:center;display:grid;position:relative}.AnalyticsMockup-module__hAF1Qa__donut:after{content:"";background:var(--c-card);border-radius:50%;position:absolute;inset:clamp(10px,1.5vw,17px)}.AnalyticsMockup-module__hAF1Qa__donutText{z-index:1;text-align:center;position:relative}.AnalyticsMockup-module__hAF1Qa__donutText strong{font-size:clamp(20px,2.8vw,32px);font-weight:900;display:block}.AnalyticsMockup-module__hAF1Qa__donutText span{color:var(--c-muted);margin-top:clamp(4px,.6vw,7px);font-size:clamp(9px,1.1vw,13px);font-weight:800;display:block}.AnalyticsMockup-module__hAF1Qa__bottomStrip{opacity:0;animation:AnalyticsMockup-module__hAF1Qa__fadeSlide .7s var(--ease)3.3s both;flex-shrink:0;grid-template-columns:1fr 1fr;gap:clamp(10px,1.4vw,16px);display:grid;transform:translateY(14px)}.AnalyticsMockup-module__hAF1Qa__compare{border:1px solid var(--c-line);text-align:center;background:#fffdf9f5;border-radius:clamp(13px,1.6vw,18px);padding:clamp(11px,1.4vw,17px) clamp(13px,1.6vw,20px);box-shadow:0 10px 30px #063f3d0a}.AnalyticsMockup-module__hAF1Qa__compare strong{margin-bottom:clamp(5px,.8vw,9px);font-size:clamp(13px,1.6vw,20px);font-weight:900;display:block}.AnalyticsMockup-module__hAF1Qa__compare span{color:var(--c-muted);font-size:clamp(9px,1.1vw,13px);font-weight:800}@media (max-width:720px){.AnalyticsMockup-module__hAF1Qa__card{gap:8px;padding:14px}.AnalyticsMockup-module__hAF1Qa__studentHeader{border-radius:14px;gap:8px;padding:8px 10px}.AnalyticsMockup-module__hAF1Qa__avatar{border-radius:10px;width:34px;height:34px;font-size:16px}.AnalyticsMockup-module__hAF1Qa__studentInfo h3{font-size:11px}.AnalyticsMockup-module__hAF1Qa__studentInfo p{font-size:9px}.AnalyticsMockup-module__hAF1Qa__metrics{grid-template-columns:repeat(2,1fr);gap:6px}.AnalyticsMockup-module__hAF1Qa__metricCard{border-radius:11px;padding:8px}.AnalyticsMockup-module__hAF1Qa__metricTop{margin-bottom:5px}.AnalyticsMockup-module__hAF1Qa__metricIcon{border-radius:7px;width:22px;height:22px;font-size:11px}.AnalyticsMockup-module__hAF1Qa__miniRing{width:22px;height:22px}.AnalyticsMockup-module__hAF1Qa__miniRing:after{inset:3px}.AnalyticsMockup-module__hAF1Qa__metricLabel{margin-bottom:2px;font-size:9px}.AnalyticsMockup-module__hAF1Qa__metricValue{font-size:15px}.AnalyticsMockup-module__hAF1Qa__metricSub{margin-top:3px;font-size:8px}.AnalyticsMockup-module__hAF1Qa__mainGrid{grid-template:"time donut""bars donut"1fr/1fr 1fr;gap:6px}.AnalyticsMockup-module__hAF1Qa__timePanel{grid-area:time}.AnalyticsMockup-module__hAF1Qa__barsPanel{grid-area:bars}.AnalyticsMockup-module__hAF1Qa__ringPanel{grid-area:donut}.AnalyticsMockup-module__hAF1Qa__panel{border-radius:12px;padding:9px 11px}.AnalyticsMockup-module__hAF1Qa__panelTitle{margin-bottom:6px;font-size:9px}.AnalyticsMockup-module__hAF1Qa__bigTime{gap:4px;min-height:0;padding:6px}.AnalyticsMockup-module__hAF1Qa__bigTime strong{font-size:16px}.AnalyticsMockup-module__hAF1Qa__bigTime span{font-size:9px}.AnalyticsMockup-module__hAF1Qa__barRow{grid-template-columns:20px 1fr 38px;gap:6px;margin-bottom:7px;font-size:9px}.AnalyticsMockup-module__hAF1Qa__barTrack{height:5px}.AnalyticsMockup-module__hAF1Qa__bottomStrip{display:none}}@media (max-width:480px){.AnalyticsMockup-module__hAF1Qa__spacer{display:none}.AnalyticsMockup-module__hAF1Qa__featurePill{gap:4px;padding:5px 10px;font-size:9px}.AnalyticsMockup-module__hAF1Qa__icons{gap:6px}.AnalyticsMockup-module__hAF1Qa__iconBell{border-radius:7px;width:22px;height:22px}.AnalyticsMockup-module__hAF1Qa__iconBell:after{width:12px;height:12px;font-size:8px;top:-4px;right:-4px}.AnalyticsMockup-module__hAF1Qa__iconBell svg{width:11px;height:11px}.AnalyticsMockup-module__hAF1Qa__moon{font-size:14px}.AnalyticsMockup-module__hAF1Qa__card{gap:6px;padding:10px}.AnalyticsMockup-module__hAF1Qa__studentHeader{border-radius:11px;gap:6px;padding:6px 8px}.AnalyticsMockup-module__hAF1Qa__avatar{border-radius:8px;width:28px;height:28px;font-size:13px}.AnalyticsMockup-module__hAF1Qa__studentInfo h3{margin-bottom:1px;font-size:10px}.AnalyticsMockup-module__hAF1Qa__studentInfo p{font-size:8px}.AnalyticsMockup-module__hAF1Qa__metrics{gap:5px}.AnalyticsMockup-module__hAF1Qa__metricCard{border-radius:9px;padding:7px}.AnalyticsMockup-module__hAF1Qa__metricTop{margin-bottom:3px}.AnalyticsMockup-module__hAF1Qa__metricIcon{width:19px;height:19px;font-size:10px}.AnalyticsMockup-module__hAF1Qa__miniRing{width:19px;height:19px}.AnalyticsMockup-module__hAF1Qa__miniRing:after{inset:2px}.AnalyticsMockup-module__hAF1Qa__metricLabel{font-size:8px}.AnalyticsMockup-module__hAF1Qa__metricValue{font-size:13px}.AnalyticsMockup-module__hAF1Qa__metricSub{font-size:7.5px}.AnalyticsMockup-module__hAF1Qa__mainGrid{grid-template:"donut"1fr/1fr}.AnalyticsMockup-module__hAF1Qa__timePanel,.AnalyticsMockup-module__hAF1Qa__barsPanel{display:none}.AnalyticsMockup-module__hAF1Qa__panel{padding:8px}.AnalyticsMockup-module__hAF1Qa__panelTitle{margin-bottom:4px;font-size:9px}}@keyframes AnalyticsMockup-module__hAF1Qa__cardIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes AnalyticsMockup-module__hAF1Qa__fadeSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes AnalyticsMockup-module__hAF1Qa__metricIn{to{opacity:1;transform:translateY(0)}}@keyframes AnalyticsMockup-module__hAF1Qa__ringMini{to{--analytics-ring-value:317deg}}@keyframes AnalyticsMockup-module__hAF1Qa__donutFill{to{--analytics-donut-angle:317deg}}@keyframes AnalyticsMockup-module__hAF1Qa__fillBar{to{width:var(--target)}}@keyframes AnalyticsMockup-module__hAF1Qa__popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes AnalyticsMockup-module__hAF1Qa__bell{0%,92%,to{transform:rotate(0)}94%{transform:rotate(8deg)}96%{transform:rotate(-8deg)}98%{transform:rotate(5deg)}}
.ClassroomMockup-module__DOi6za__stage{--c-bg:#f7f1e8;--c-card:#fffdf9;--c-card-soft:#fbf7ef;--c-teal:#063f3d;--c-teal-2:#155f5b;--c-teal-3:#2d7a74;--c-muted:#6f807d;--c-line:#e9ded0;--c-sand:#baac94;--c-sand-soft:#efe6d8;--c-green:#2f8c58;--c-green-soft:#e7f4ec;--c-red:#d56a6a;--c-red-soft:#fdeeee;--c-gold:#e6c572;--ease:cubic-bezier(.2,.8,.2,1);background:radial-gradient(circle at top,#fffaf3 0%,var(--c-bg)55%,#f3eadc 100%);width:100%;height:100%;color:var(--c-teal);direction:rtl;place-items:center;padding:clamp(10px,2vw,30px);display:grid;position:relative;overflow:hidden}.ClassroomMockup-module__DOi6za__card{width:100%;max-width:1180px;height:100%;animation:ClassroomMockup-module__DOi6za__cardIn .85s var(--ease)both;background:#fffdf9f2;border:1px solid #ddd3c7c7;border-radius:clamp(16px,2.5vw,28px);flex-direction:column;padding:clamp(12px,2.4vw,28px);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 55px #063f3d14}.ClassroomMockup-module__DOi6za__topbar{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:clamp(8px,1.5vw,18px);display:flex}.ClassroomMockup-module__DOi6za__spacer{width:clamp(40px,6vw,76px);height:clamp(28px,4vw,38px)}.ClassroomMockup-module__DOi6za__featurePill{background:var(--c-card-soft);border:1px solid var(--c-line);color:var(--c-teal);animation:ClassroomMockup-module__DOi6za__fadeSlide .65s var(--ease).25s both;white-space:nowrap;border-radius:999px;align-items:center;gap:clamp(5px,1vw,10px);padding:clamp(7px,1.2vw,12px) clamp(12px,2vw,24px);font-size:clamp(10px,1.4vw,18px);font-weight:800;display:inline-flex;box-shadow:0 8px 20px #063f3d0a}.ClassroomMockup-module__DOi6za__featurePill svg{flex-shrink:0;width:clamp(12px,1.5vw,18px);height:clamp(12px,1.5vw,18px)}.ClassroomMockup-module__DOi6za__icons{direction:ltr;align-items:center;gap:clamp(8px,1.2vw,14px);display:flex}.ClassroomMockup-module__DOi6za__iconBell,.ClassroomMockup-module__DOi6za__moonIcon{background:var(--c-card-soft);border:1px solid var(--c-line);width:clamp(28px,4vw,38px);height:clamp(28px,4vw,38px);color:var(--c-teal);border-radius:clamp(8px,1.2vw,13px);place-items:center;display:grid;box-shadow:0 8px 20px #063f3d0a}.ClassroomMockup-module__DOi6za__iconBell{transform-origin:top;animation:4.5s ease-in-out infinite ClassroomMockup-module__DOi6za__bell;position:relative}.ClassroomMockup-module__DOi6za__iconBell:after{content:"2";background:var(--c-red);color:#fff;border-radius:50%;place-items:center;width:clamp(14px,1.8vw,18px);height:clamp(14px,1.8vw,18px);font-size:clamp(9px,1vw,11px);font-weight:700;display:grid;position:absolute;top:-7px;right:-7px}.ClassroomMockup-module__DOi6za__iconBell svg,.ClassroomMockup-module__DOi6za__moonIcon svg{width:clamp(16px,2vw,25px);height:clamp(16px,2vw,25px)}.ClassroomMockup-module__DOi6za__messageStrip{color:var(--c-teal);animation:ClassroomMockup-module__DOi6za__fadeSlide .7s var(--ease).42s both;text-align:center;background:linear-gradient(90deg,#e8f1edb8,#ffffffb3,#e8f1edb8);border:1px solid #d8e5df;border-radius:clamp(12px,1.6vw,18px);flex-shrink:0;justify-content:center;align-items:center;gap:clamp(7px,1vw,12px);margin-bottom:clamp(10px,1.5vw,16px);padding:clamp(8px,1.2vw,12px) clamp(11px,1.5vw,16px);font-size:clamp(9px,1.2vw,14px);font-weight:800;display:flex}.ClassroomMockup-module__DOi6za__messageStrip svg{flex-shrink:0;width:clamp(12px,1.5vw,18px);height:clamp(12px,1.5vw,18px)}.ClassroomMockup-module__DOi6za__layout{flex:1;grid-template-columns:62% 38%;gap:clamp(8px,1.5vw,18px);min-height:0;display:grid}.ClassroomMockup-module__DOi6za__studentPanel,.ClassroomMockup-module__DOi6za__teacherPanel{border:1px solid var(--c-line);background:#fffdf9f5;border-radius:clamp(14px,2vw,24px);min-width:0;min-height:0;box-shadow:0 12px 38px #063f3d0d}.ClassroomMockup-module__DOi6za__studentPanel{animation:ClassroomMockup-module__DOi6za__fadeSlide .85s var(--ease).56s both;flex-direction:column;gap:clamp(8px,1.2vw,14px);padding:clamp(10px,1.5vw,18px);display:flex;position:relative;overflow:hidden}.ClassroomMockup-module__DOi6za__teacherPanel{animation:ClassroomMockup-module__DOi6za__fadeSlide .85s var(--ease).71s both;flex-direction:column;gap:clamp(8px,1.2vw,14px);padding:clamp(10px,1.5vw,18px);display:flex}.ClassroomMockup-module__DOi6za__panelHead{flex-shrink:0;justify-content:space-between;align-items:center;gap:clamp(8px,1.2vw,12px);display:flex}.ClassroomMockup-module__DOi6za__pillLabel{border:1px solid var(--c-line);color:var(--c-teal);white-space:nowrap;background:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:clamp(5px,.7vw,7px);padding:clamp(7px,1vw,9px) clamp(8px,1.1vw,12px);font-size:clamp(9px,1.1vw,13px);font-weight:900;display:inline-flex;box-shadow:0 8px 18px #063f3d09}.ClassroomMockup-module__DOi6za__pillLabel svg{flex-shrink:0;width:clamp(11px,1.3vw,16px);height:clamp(11px,1.3vw,16px)}.ClassroomMockup-module__DOi6za__panelTitle{text-align:end;min-width:0}.ClassroomMockup-module__DOi6za__panelTitle h3{margin:0 0 clamp(2px,.4vw,4px);font-size:clamp(13px,1.7vw,22px);font-weight:900}.ClassroomMockup-module__DOi6za__panelTitle p{color:var(--c-muted);margin:0;font-size:clamp(9px,1.1vw,13px);font-weight:700}.ClassroomMockup-module__DOi6za__lessonSteps{opacity:0;animation:ClassroomMockup-module__DOi6za__fadeSlide .6s var(--ease).95s both;flex-wrap:wrap;gap:clamp(5px,.8vw,8px);display:flex}.ClassroomMockup-module__DOi6za__step{background:var(--c-card-soft);border:1px solid var(--c-line);color:var(--c-muted);border-radius:999px;align-items:center;gap:clamp(6px,.9vw,9px);padding:clamp(6px,.9vw,9px) clamp(8px,1.1vw,12px);font-size:clamp(9px,1vw,12px);font-weight:800;display:inline-flex}.ClassroomMockup-module__DOi6za__stepActive{background:linear-gradient(145deg,var(--c-teal-2),var(--c-teal));color:#fff;border-color:#0000;box-shadow:0 10px 22px #063f3d24}.ClassroomMockup-module__DOi6za__num{width:clamp(17px,2vw,23px);height:clamp(17px,2vw,23px);color:var(--c-teal);background:#ffffffe6;border-radius:50%;place-items:center;font-size:clamp(8px,1vw,11px);font-weight:900;display:grid}.ClassroomMockup-module__DOi6za__stepActive .ClassroomMockup-module__DOi6za__num{color:var(--c-teal)}.ClassroomMockup-module__DOi6za__quranShell{border:1px solid var(--c-line);background:linear-gradient(#fffdf9,#fbf7ef);border-radius:clamp(13px,1.7vw,20px);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.ClassroomMockup-module__DOi6za__surahHead{border-bottom:1px solid var(--c-line);text-align:center;background:#ffffffb8;flex-shrink:0;padding:clamp(11px,1.5vw,18px) clamp(13px,1.7vw,20px) clamp(9px,1.2vw,14px)}.ClassroomMockup-module__DOi6za__surahHead h4{margin:0 0 clamp(3px,.5vw,6px);font-size:clamp(16px,2.5vw,30px);font-weight:900}.ClassroomMockup-module__DOi6za__surahHead span{color:var(--c-muted);font-size:clamp(9px,1vw,12px);font-weight:800}.ClassroomMockup-module__DOi6za__teacherNote{z-index:3;border:1px solid var(--c-line);opacity:0;width:clamp(155px,19vw,230px);animation:ClassroomMockup-module__DOi6za__noteIn .7s var(--ease)2.45s both;background:#fff;border-radius:clamp(13px,1.5vw,18px);padding:clamp(9px,1.2vw,14px);position:absolute;top:clamp(75px,11vw,112px);right:38%;transform:translateY(12px)scale(.98);box-shadow:0 18px 36px #063f3d1f}.ClassroomMockup-module__DOi6za__teacherNote:after{content:"";border-right:1px solid var(--c-line);border-bottom:1px solid var(--c-line);background:#fff;width:16px;height:16px;position:absolute;bottom:-8px;right:50%;transform:translate(50%)rotate(45deg)}.ClassroomMockup-module__DOi6za__teacherNote small{color:var(--c-muted);margin-bottom:clamp(4px,.6vw,7px);font-size:clamp(8px,.9vw,11px);font-weight:900;display:block}.ClassroomMockup-module__DOi6za__teacherNote strong{margin-bottom:clamp(4px,.6vw,7px);font-size:clamp(11px,1.3vw,14px);font-weight:900;display:block}.ClassroomMockup-module__DOi6za__teacherNote p{color:var(--c-muted);margin:0;font-size:clamp(9px,1.1vw,12px);font-weight:700;line-height:1.65}.ClassroomMockup-module__DOi6za__quranText{text-align:center;color:#163f3d;flex:1;padding:clamp(14px,2vw,24px) clamp(15px,2.2vw,28px) clamp(12px,1.6vw,20px);font-size:clamp(13px,2.1vw,27px);font-weight:750;line-height:2.3;overflow:hidden}.ClassroomMockup-module__DOi6za__word{opacity:0;animation:ClassroomMockup-module__DOi6za__wordIn .42s var(--ease)both;border-radius:clamp(7px,.9vw,10px);padding:0 clamp(2px,.4vw,5px);display:inline-block;transform:translateY(7px)}.ClassroomMockup-module__DOi6za__word:first-child{animation-delay:1.15s}.ClassroomMockup-module__DOi6za__word:nth-child(2){animation-delay:1.22s}.ClassroomMockup-module__DOi6za__word:nth-child(3){animation-delay:1.29s}.ClassroomMockup-module__DOi6za__word:nth-child(4){animation-delay:1.36s}.ClassroomMockup-module__DOi6za__word:nth-child(5){animation-delay:1.43s}.ClassroomMockup-module__DOi6za__word:nth-child(6){animation-delay:1.5s}.ClassroomMockup-module__DOi6za__word:nth-child(7){animation-delay:1.57s}.ClassroomMockup-module__DOi6za__word:nth-child(8){animation-delay:1.64s}.ClassroomMockup-module__DOi6za__word:nth-child(9){animation-delay:1.71s}.ClassroomMockup-module__DOi6za__word:nth-child(10){animation-delay:1.78s}.ClassroomMockup-module__DOi6za__word:nth-child(11){animation-delay:1.85s}.ClassroomMockup-module__DOi6za__word:nth-child(12){animation-delay:1.92s}.ClassroomMockup-module__DOi6za__word:nth-child(13){animation-delay:1.99s}.ClassroomMockup-module__DOi6za__word:nth-child(14){animation-delay:2.06s}.ClassroomMockup-module__DOi6za__word:nth-child(15){animation-delay:2.13s}.ClassroomMockup-module__DOi6za__word:nth-child(16){animation-delay:2.2s}.ClassroomMockup-module__DOi6za__word:nth-child(17){animation-delay:2.27s}.ClassroomMockup-module__DOi6za__word:nth-child(18){animation-delay:2.34s}.ClassroomMockup-module__DOi6za__wordWrong{animation:ClassroomMockup-module__DOi6za__wordIn .42s var(--ease)1.71s both,ClassroomMockup-module__DOi6za__wrongGlow 2.6s ease-in-out 2.9s infinite;background:#d56a6a2e;box-shadow:inset 0 -10px #d56a6a1f}.ClassroomMockup-module__DOi6za__feedbackBar{border-top:1px solid var(--c-line);opacity:0;animation:ClassroomMockup-module__DOi6za__fadeSlide .65s var(--ease)3.2s both;background:#ffffffc7;flex-shrink:0;justify-content:space-between;align-items:center;gap:clamp(8px,1vw,12px);margin-top:auto;padding:clamp(10px,1.3vw,14px) clamp(12px,1.5vw,16px);display:flex}.ClassroomMockup-module__DOi6za__feedbackText{color:var(--c-muted);font-size:clamp(9px,1.1vw,13px);font-weight:800}.ClassroomMockup-module__DOi6za__feedbackTag{background:var(--c-green-soft);color:var(--c-green);white-space:nowrap;border:1px solid #cce4d7;border-radius:clamp(10px,1.3vw,14px);flex-shrink:0;align-items:center;gap:clamp(5px,.7vw,8px);padding:clamp(7px,1vw,10px) clamp(10px,1.3vw,14px);font-size:clamp(9px,1.1vw,13px);font-weight:900;display:inline-flex}.ClassroomMockup-module__DOi6za__feedbackTag svg{width:clamp(11px,1.3vw,16px);height:clamp(11px,1.3vw,16px)}.ClassroomMockup-module__DOi6za__summaryCards{opacity:0;animation:ClassroomMockup-module__DOi6za__fadeSlide .65s var(--ease).98s both;flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:clamp(5px,.7vw,8px);display:grid}.ClassroomMockup-module__DOi6za__sumCard{color:#fff;background:linear-gradient(145deg,#063f3dfa,#0e524eeb);border-radius:clamp(10px,1.2vw,15px);min-height:clamp(46px,5.5vw,56px);padding:clamp(6px,.9vw,8px) clamp(7px,1vw,10px);box-shadow:0 8px 18px #063f3d24}.ClassroomMockup-module__DOi6za__sumCard small{color:#ffffffb3;margin-bottom:clamp(3px,.5vw,5px);font-size:clamp(7px,.85vw,9px);font-weight:800;display:block}.ClassroomMockup-module__DOi6za__sumCard strong{margin-bottom:clamp(1px,.3vw,2px);font-size:clamp(14px,1.8vw,20px);font-weight:900;line-height:1;display:block}.ClassroomMockup-module__DOi6za__sumCard span{color:#ffffffe0;font-size:clamp(7px,.9vw,10px);font-weight:800}.ClassroomMockup-module__DOi6za__classroomBox{border:1px solid var(--c-line);opacity:0;min-height:0;animation:ClassroomMockup-module__DOi6za__fadeSlide .7s var(--ease)1.35s both;background:linear-gradient(#fffdf9f2,#fbf7eff2);border-radius:clamp(13px,1.7vw,20px);flex-direction:column;flex:1;gap:clamp(8px,1.1vw,12px);padding:clamp(11px,1.5vw,16px);display:flex;overflow:hidden;box-shadow:0 10px 30px #063f3d0a}.ClassroomMockup-module__DOi6za__classroomTop{flex-shrink:0;justify-content:space-between;align-items:center;gap:clamp(7px,.9vw,10px);display:flex}.ClassroomMockup-module__DOi6za__classroomTopText{min-width:0}.ClassroomMockup-module__DOi6za__classroomTopText h4{margin:0;font-size:clamp(11px,1.4vw,18px);font-weight:900}.ClassroomMockup-module__DOi6za__classroomTopText span{color:var(--c-muted);font-size:clamp(8px,1vw,12px);font-weight:800}.ClassroomMockup-module__DOi6za__voiceBtn{color:#fff;white-space:nowrap;background:linear-gradient(145deg,#4bd57f,#49cc78);border-radius:clamp(10px,1.3vw,14px);flex-shrink:0;align-items:center;gap:clamp(5px,.7vw,8px);padding:clamp(8px,1vw,11px) clamp(9px,1.2vw,14px);font-size:clamp(9px,1.1vw,13px);font-weight:900;display:inline-flex;box-shadow:0 12px 24px #49cc782e}.ClassroomMockup-module__DOi6za__voiceBtn svg{flex-shrink:0;width:clamp(12px,1.4vw,16px);height:clamp(12px,1.4vw,16px)}.ClassroomMockup-module__DOi6za__studentList{gap:clamp(6px,.9vw,10px);display:grid;overflow:hidden}.ClassroomMockup-module__DOi6za__studentRow{border:1px solid var(--c-line);opacity:0;animation:ClassroomMockup-module__DOi6za__fadeSlide .52s var(--ease)both;background:#fff;border-radius:clamp(11px,1.4vw,16px);grid-template-columns:1fr auto;align-items:center;gap:clamp(7px,1vw,10px);padding:clamp(8px,1.1vw,12px);display:grid;transform:translateY(8px)}.ClassroomMockup-module__DOi6za__studentRow:first-child{animation-delay:1.7s}.ClassroomMockup-module__DOi6za__studentRow:nth-child(2){animation-delay:1.83s}.ClassroomMockup-module__DOi6za__studentRow:nth-child(3){animation-delay:1.96s}.ClassroomMockup-module__DOi6za__studentRow:nth-child(4){animation-delay:2.09s}.ClassroomMockup-module__DOi6za__studentMeta{text-align:end;min-width:0}.ClassroomMockup-module__DOi6za__studentMeta strong{margin-bottom:clamp(2px,.4vw,4px);font-size:clamp(10px,1.2vw,15px);font-weight:900;display:block}.ClassroomMockup-module__DOi6za__studentMeta span{color:var(--c-muted);font-size:clamp(8px,1vw,12px);font-weight:700}.ClassroomMockup-module__DOi6za__controls{flex-wrap:wrap;align-items:center;gap:clamp(4px,.6vw,8px);display:flex}.ClassroomMockup-module__DOi6za__chip{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:clamp(4px,.6vw,7px) clamp(6px,.8vw,10px);font-size:clamp(8px,.9vw,11px);font-weight:900;display:inline-flex}.ClassroomMockup-module__DOi6za__chipPresent{background:var(--c-green-soft);color:var(--c-green);border-color:#cce4d7}.ClassroomMockup-module__DOi6za__chipLate{color:#b07a1c;background:#fff6e7;border-color:#f1ddae}.ClassroomMockup-module__DOi6za__chipAbsent{background:var(--c-red-soft);color:#c34f4f;border-color:#f0c2c2}.ClassroomMockup-module__DOi6za__chipInactive{color:#b5bbb9;background:#f7f5f0;border-color:#ebe5da}.ClassroomMockup-module__DOi6za__chipSelected.ClassroomMockup-module__DOi6za__chipPresent{animation:2.6s ease-in-out 2.6s infinite ClassroomMockup-module__DOi6za__presentPulse}.ClassroomMockup-module__DOi6za__chipSelected.ClassroomMockup-module__DOi6za__chipLate{animation:2.6s ease-in-out 2.6s infinite ClassroomMockup-module__DOi6za__latePulse}.ClassroomMockup-module__DOi6za__chipSelected.ClassroomMockup-module__DOi6za__chipAbsent{animation:2.6s ease-in-out 2.6s infinite ClassroomMockup-module__DOi6za__absentPulse}.ClassroomMockup-module__DOi6za__teacherFoot{background:var(--c-card-soft);border:1px solid var(--c-line);color:var(--c-muted);text-align:center;opacity:0;animation:ClassroomMockup-module__DOi6za__fadeSlide .6s var(--ease)2.85s both;border-radius:clamp(11px,1.6vw,18px);flex-shrink:0;padding:clamp(9px,1.2vw,14px);font-size:clamp(9px,1.1vw,13px);font-weight:800}@media (max-width:720px){.ClassroomMockup-module__DOi6za__layout{grid-template-rows:minmax(0,1.4fr) minmax(0,1fr);grid-template-columns:1fr;gap:8px}.ClassroomMockup-module__DOi6za__studentPanel,.ClassroomMockup-module__DOi6za__teacherPanel{gap:6px;padding:8px}.ClassroomMockup-module__DOi6za__panelHead{gap:6px}.ClassroomMockup-module__DOi6za__pillLabel{gap:4px;padding:5px 8px;font-size:8px}.ClassroomMockup-module__DOi6za__pillLabel svg{width:10px;height:10px}.ClassroomMockup-module__DOi6za__panelTitle h3{margin-bottom:1px;font-size:12px}.ClassroomMockup-module__DOi6za__panelTitle p{display:none}.ClassroomMockup-module__DOi6za__lessonSteps{gap:4px}.ClassroomMockup-module__DOi6za__step{gap:5px;padding:4px 7px;font-size:8px}.ClassroomMockup-module__DOi6za__num{width:14px;height:14px;font-size:7px}.ClassroomMockup-module__DOi6za__surahHead{padding:8px 10px 6px}.ClassroomMockup-module__DOi6za__surahHead h4{margin-bottom:1px;font-size:14px}.ClassroomMockup-module__DOi6za__surahHead span{font-size:8px}.ClassroomMockup-module__DOi6za__teacherNote{width:auto;animation:ClassroomMockup-module__DOi6za__noteIn .7s var(--ease)2.45s both;border-radius:10px;margin:6px 10px 0;padding:8px 10px;position:relative;top:auto;right:auto;transform:translateY(8px)}.ClassroomMockup-module__DOi6za__teacherNote:after{display:none}.ClassroomMockup-module__DOi6za__teacherNote small{margin-bottom:3px;font-size:7px}.ClassroomMockup-module__DOi6za__teacherNote strong{margin-bottom:3px;font-size:10px}.ClassroomMockup-module__DOi6za__teacherNote p{font-size:9px;line-height:1.5}.ClassroomMockup-module__DOi6za__quranText{padding:8px 12px;font-size:11px;line-height:1.95}.ClassroomMockup-module__DOi6za__feedbackBar{gap:6px;padding:7px 10px}.ClassroomMockup-module__DOi6za__feedbackText{font-size:8px}.ClassroomMockup-module__DOi6za__feedbackTag{gap:4px;padding:4px 7px;font-size:8px}.ClassroomMockup-module__DOi6za__feedbackTag svg{width:9px;height:9px}.ClassroomMockup-module__DOi6za__summaryCards{gap:4px}.ClassroomMockup-module__DOi6za__sumCard{min-height:0;padding:5px 6px}.ClassroomMockup-module__DOi6za__sumCard small{margin-bottom:2px;font-size:7px}.ClassroomMockup-module__DOi6za__sumCard strong{margin-bottom:0;font-size:11px}.ClassroomMockup-module__DOi6za__sumCard span{display:none}.ClassroomMockup-module__DOi6za__classroomBox{gap:6px;padding:8px}.ClassroomMockup-module__DOi6za__classroomTopText h4{font-size:10px}.ClassroomMockup-module__DOi6za__classroomTopText span{display:none}.ClassroomMockup-module__DOi6za__voiceBtn{gap:4px;padding:5px 8px;font-size:8px}.ClassroomMockup-module__DOi6za__voiceBtn svg{width:9px;height:9px}.ClassroomMockup-module__DOi6za__studentRow:nth-child(n+3){display:none}.ClassroomMockup-module__DOi6za__studentRow{padding:6px 8px}.ClassroomMockup-module__DOi6za__studentMeta strong{margin-bottom:1px;font-size:9px}.ClassroomMockup-module__DOi6za__studentMeta span{font-size:8px}.ClassroomMockup-module__DOi6za__chip{padding:3px 6px;font-size:7px}.ClassroomMockup-module__DOi6za__teacherFoot{display:none}}@media (max-width:480px){.ClassroomMockup-module__DOi6za__spacer{display:none}.ClassroomMockup-module__DOi6za__featurePill{gap:4px;padding:5px 10px;font-size:9px}.ClassroomMockup-module__DOi6za__featurePill svg{display:none}.ClassroomMockup-module__DOi6za__icons{gap:6px}.ClassroomMockup-module__DOi6za__iconBell,.ClassroomMockup-module__DOi6za__moonIcon{border-radius:7px;width:22px;height:22px}.ClassroomMockup-module__DOi6za__iconBell:after{width:12px;height:12px;font-size:8px;top:-4px;right:-4px}.ClassroomMockup-module__DOi6za__iconBell svg,.ClassroomMockup-module__DOi6za__moonIcon svg{width:11px;height:11px}.ClassroomMockup-module__DOi6za__messageStrip{display:none}.ClassroomMockup-module__DOi6za__card{padding:10px}.ClassroomMockup-module__DOi6za__voiceBtn,.ClassroomMockup-module__DOi6za__studentRow:nth-child(n+2){display:none}.ClassroomMockup-module__DOi6za__step{gap:3px;padding:3px 6px;font-size:7px}.ClassroomMockup-module__DOi6za__num{width:12px;height:12px;font-size:6px}.ClassroomMockup-module__DOi6za__surahHead h4{font-size:12px}.ClassroomMockup-module__DOi6za__surahHead span{font-size:7px}.ClassroomMockup-module__DOi6za__teacherNote{margin:4px 8px 0;padding:6px 8px}.ClassroomMockup-module__DOi6za__teacherNote small{font-size:7px}.ClassroomMockup-module__DOi6za__teacherNote strong{font-size:9px}.ClassroomMockup-module__DOi6za__teacherNote p{font-size:8px;line-height:1.45}.ClassroomMockup-module__DOi6za__quranText{padding:6px 8px;font-size:9.5px;line-height:1.85}.ClassroomMockup-module__DOi6za__feedbackBar{padding:5px 8px}.ClassroomMockup-module__DOi6za__feedbackText{font-size:7px}.ClassroomMockup-module__DOi6za__feedbackTag{padding:3px 6px;font-size:7px}.ClassroomMockup-module__DOi6za__sumCard{padding:4px 5px}.ClassroomMockup-module__DOi6za__sumCard small{font-size:6.5px}.ClassroomMockup-module__DOi6za__sumCard strong{font-size:10px}.ClassroomMockup-module__DOi6za__studentRow{padding:5px 7px}.ClassroomMockup-module__DOi6za__studentMeta strong{font-size:8.5px}.ClassroomMockup-module__DOi6za__studentMeta span{font-size:7px}.ClassroomMockup-module__DOi6za__chip{padding:2px 5px;font-size:6.5px}}@keyframes ClassroomMockup-module__DOi6za__cardIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ClassroomMockup-module__DOi6za__fadeSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ClassroomMockup-module__DOi6za__wordIn{to{opacity:1;transform:translateY(0)}}@keyframes ClassroomMockup-module__DOi6za__noteIn{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ClassroomMockup-module__DOi6za__wrongGlow{0%,to{box-shadow:inset 0 -10px #d56a6a1f,0 0 #d56a6a00}50%{box-shadow:inset 0 -10px #d56a6a24,0 0 0 8px #d56a6a1f}}@keyframes ClassroomMockup-module__DOi6za__presentPulse{0%,to{box-shadow:0 0 #2f8c5800}50%{box-shadow:0 0 0 7px #2f8c581f}}@keyframes ClassroomMockup-module__DOi6za__latePulse{0%,to{box-shadow:0 0 #b07a1c00}50%{box-shadow:0 0 0 7px #b07a1c1a}}@keyframes ClassroomMockup-module__DOi6za__absentPulse{0%,to{box-shadow:0 0 #c34f4f00}50%{box-shadow:0 0 0 7px #c34f4f1a}}@keyframes ClassroomMockup-module__DOi6za__bell{0%,92%,to{transform:rotate(0)}94%{transform:rotate(8deg)}96%{transform:rotate(-8deg)}98%{transform:rotate(5deg)}}
.BadgesMockup-module__Ye23fG__stage{--c-bg:#f7f1e8;--c-card:#fffdf9;--c-card-soft:#fbf7ef;--c-teal:#063f3d;--c-teal-2:#155f5b;--c-teal-3:#2d7a74;--c-muted:#71807d;--c-line:#e9ded0;--c-sand:#baac94;--c-gold:#e6c572;--c-green:#2e8b57;--c-xp1:#ffb622;--c-xp2:#ff8f1f;--ease:cubic-bezier(.2,.8,.2,1);background:radial-gradient(circle at top,#fffaf3 0%,var(--c-bg)55%,#f3eadc 100%);width:100%;height:100%;color:var(--c-teal);direction:rtl;place-items:center;padding:clamp(10px,2vw,30px);display:grid;position:relative;overflow:hidden}.BadgesMockup-module__Ye23fG__card{width:100%;max-width:1160px;height:100%;animation:BadgesMockup-module__Ye23fG__cardIn .85s var(--ease)both;background:#fffdf9f0;border:1px solid #ddd3c7c7;border-radius:clamp(16px,2.5vw,28px);flex-direction:column;gap:clamp(8px,1.4vw,18px);padding:clamp(12px,2.5vw,28px);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 55px #063f3d14}.BadgesMockup-module__Ye23fG__topbar{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.BadgesMockup-module__Ye23fG__spacer{width:clamp(40px,6vw,76px);height:clamp(28px,4vw,38px)}.BadgesMockup-module__Ye23fG__featurePill{background:var(--c-card-soft);border:1px solid var(--c-line);color:var(--c-teal);animation:BadgesMockup-module__Ye23fG__fadeSlide .65s var(--ease).25s both;white-space:nowrap;border-radius:999px;align-items:center;gap:clamp(5px,1vw,10px);padding:clamp(7px,1.2vw,12px) clamp(12px,2vw,24px);font-size:clamp(10px,1.4vw,18px);font-weight:800;display:inline-flex;box-shadow:0 8px 20px #063f3d0a}.BadgesMockup-module__Ye23fG__pillIcon{flex:none;width:clamp(12px,1.4vw,18px);height:clamp(12px,1.4vw,18px)}.BadgesMockup-module__Ye23fG__icons{color:var(--c-teal);direction:ltr;align-items:center;gap:clamp(8px,1.1vw,14px);display:flex}.BadgesMockup-module__Ye23fG__iconBell,.BadgesMockup-module__Ye23fG__moonIcon{background:var(--c-card-soft);border:1px solid var(--c-line);width:clamp(28px,4vw,38px);height:clamp(28px,4vw,38px);color:var(--c-teal);border-radius:clamp(8px,1.2vw,13px);place-items:center;display:grid;box-shadow:0 8px 20px #063f3d0a}.BadgesMockup-module__Ye23fG__iconBell{transform-origin:top;animation:4.5s ease-in-out infinite BadgesMockup-module__Ye23fG__bell;position:relative}.BadgesMockup-module__Ye23fG__iconBell:after{content:"2";color:#fff;background:#cd3a3a;border-radius:50%;place-items:center;width:clamp(14px,1.8vw,18px);height:clamp(14px,1.8vw,18px);font-size:clamp(9px,1vw,11px);font-weight:700;display:grid;position:absolute;top:-7px;right:-7px}.BadgesMockup-module__Ye23fG__iconBell svg,.BadgesMockup-module__Ye23fG__moonIcon svg{width:clamp(16px,2vw,25px);height:clamp(16px,2vw,25px)}.BadgesMockup-module__Ye23fG__summary{flex-shrink:0;grid-template-columns:1fr clamp(180px,28vw,320px);gap:clamp(10px,1.4vw,16px);display:grid}.BadgesMockup-module__Ye23fG__summaryMain,.BadgesMockup-module__Ye23fG__summarySide{border:1px solid var(--c-line);background:#fffdf9f5;border-radius:clamp(14px,1.8vw,22px);box-shadow:0 12px 34px #063f3d0b}.BadgesMockup-module__Ye23fG__summaryMain{animation:BadgesMockup-module__Ye23fG__fadeSlide .75s var(--ease).42s both;padding:clamp(12px,1.6vw,20px)}.BadgesMockup-module__Ye23fG__summarySide{animation:BadgesMockup-module__Ye23fG__fadeSlide .75s var(--ease).56s both;text-align:center;flex-direction:column;align-items:center;gap:clamp(10px,1.3vw,14px);padding:clamp(14px,1.9vw,24px) clamp(12px,1.6vw,20px);display:flex}.BadgesMockup-module__Ye23fG__studentRow{justify-content:flex-start;align-items:center;gap:clamp(12px,1.6vw,20px);margin-bottom:clamp(10px,1.3vw,14px);display:flex}.BadgesMockup-module__Ye23fG__medal{color:#d89b21;background:linear-gradient(145deg,#e7c5722e,#ffffffd9);border:1px solid #e7d7af;border-radius:clamp(12px,1.5vw,18px);flex-shrink:0;place-items:center;width:clamp(40px,4.7vw,56px);height:clamp(40px,4.7vw,56px);display:grid;box-shadow:0 10px 20px #d89b211f}.BadgesMockup-module__Ye23fG__medal svg{width:clamp(20px,2.4vw,28px);height:clamp(20px,2.4vw,28px)}.BadgesMockup-module__Ye23fG__studentName{text-align:right;flex-direction:column;gap:clamp(4px,.6vw,8px);min-width:0;display:flex}.BadgesMockup-module__Ye23fG__studentName h3{margin:0;font-size:clamp(16px,2.2vw,28px);font-weight:900;line-height:1.1}.BadgesMockup-module__Ye23fG__studentName p{color:var(--c-muted);margin:0;font-size:clamp(10px,1.2vw,14px);font-weight:700;line-height:1.5}.BadgesMockup-module__Ye23fG__progressShell{background:var(--c-card-soft);border:1px solid var(--c-line);border-radius:clamp(12px,1.5vw,18px);padding:clamp(10px,1.3vw,14px)}.BadgesMockup-module__Ye23fG__progressTop{color:var(--c-teal);justify-content:space-between;align-items:center;margin-bottom:clamp(8px,1vw,11px);font-size:clamp(10px,1.2vw,14px);font-weight:800;display:flex}.BadgesMockup-module__Ye23fG__track{background:#ebefed;border-radius:999px;height:clamp(7px,.9vw,10px);overflow:hidden}.BadgesMockup-module__Ye23fG__fill{background:linear-gradient(90deg,var(--c-teal),var(--c-teal-3));width:0;height:100%;animation:BadgesMockup-module__Ye23fG__fillBar 1.2s var(--ease)1.1s forwards;border-radius:999px}.BadgesMockup-module__Ye23fG__summaryStats{flex-wrap:wrap;gap:clamp(8px,1.2vw,14px);margin-top:clamp(10px,1.3vw,14px);display:flex}.BadgesMockup-module__Ye23fG__miniStat{border:1px solid var(--c-line);opacity:0;min-width:clamp(90px,12vw,130px);animation:BadgesMockup-module__Ye23fG__fadeSlide .65s var(--ease)both;background:#fff;border-radius:clamp(11px,1.4vw,16px);flex:1 1 0;padding:clamp(10px,1.2vw,13px) clamp(10px,1.3vw,14px);transform:translateY(10px)}.BadgesMockup-module__Ye23fG__miniStat:first-child{animation-delay:1.25s}.BadgesMockup-module__Ye23fG__miniStat:nth-child(2){animation-delay:1.37s}.BadgesMockup-module__Ye23fG__miniStat:nth-child(3){animation-delay:1.49s}.BadgesMockup-module__Ye23fG__miniStat strong{margin-bottom:clamp(2px,.4vw,4px);font-size:clamp(15px,2vw,24px);font-weight:900;display:block}.BadgesMockup-module__Ye23fG__miniStat span{color:var(--c-muted);font-size:clamp(9px,1.1vw,12px);font-weight:800}.BadgesMockup-module__Ye23fG__levelTitle{text-align:center;font-size:clamp(16px,2.3vw,30px);font-weight:900;line-height:1.1}.BadgesMockup-module__Ye23fG__levelBadge{border:1px solid var(--c-line);color:var(--c-teal);background:#fff;border-radius:999px;align-items:center;gap:clamp(5px,.7vw,8px);padding:clamp(7px,1vw,10px) clamp(10px,1.3vw,14px);font-size:clamp(11px,1.2vw,14px);font-weight:900;display:inline-flex}.BadgesMockup-module__Ye23fG__levelBadge svg{width:clamp(12px,1.4vw,16px);height:clamp(12px,1.4vw,16px)}.BadgesMockup-module__Ye23fG__xpStrip{background:linear-gradient(90deg,var(--c-xp1),var(--c-xp2));color:#fff;opacity:0;animation:BadgesMockup-module__Ye23fG__fadeSlide .7s var(--ease)1.55s both;border-radius:clamp(13px,1.6vw,18px);justify-content:space-between;align-items:center;gap:clamp(8px,1.2vw,12px);width:100%;padding:clamp(9px,1.2vw,14px);display:flex;box-shadow:0 12px 26px #ff9b1e2e}.BadgesMockup-module__Ye23fG__xpText{text-align:right;flex:1;min-width:0}.BadgesMockup-module__Ye23fG__xpText strong{font-size:clamp(15px,2vw,26px);line-height:1;display:block}.BadgesMockup-module__Ye23fG__xpText span{font-size:clamp(10px,1.1vw,13px);font-weight:800}.BadgesMockup-module__Ye23fG__xpBolt{opacity:.95;flex-shrink:0;width:clamp(22px,2.8vw,34px);height:clamp(22px,2.8vw,34px)}.BadgesMockup-module__Ye23fG__filters{animation:BadgesMockup-module__Ye23fG__fadeSlide .7s var(--ease).7s both;flex-wrap:wrap;flex-shrink:0;gap:clamp(6px,.9vw,10px);display:flex}.BadgesMockup-module__Ye23fG__filter{border:1px solid var(--c-line);color:var(--c-muted);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:clamp(5px,.7vw,8px);padding:clamp(7px,1vw,10px) clamp(9px,1.2vw,14px);font-size:clamp(9px,1.1vw,13px);font-weight:800;display:inline-flex;box-shadow:0 6px 16px #063f3d08}.BadgesMockup-module__Ye23fG__filterActive{background:linear-gradient(145deg,var(--c-teal-2),var(--c-teal));color:#fff;border-color:#0000;box-shadow:0 10px 20px #063f3d24}.BadgesMockup-module__Ye23fG__gridWrap{flex:1;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.2vw,14px);min-height:0;display:grid;overflow:hidden}.BadgesMockup-module__Ye23fG__badgeCard{border:1px solid var(--c-line);opacity:0;min-height:clamp(120px,13vw,160px);animation:BadgesMockup-module__Ye23fG__badgeIn .6s var(--ease)both;background:#fffdf9f5;border-radius:clamp(14px,1.8vw,22px);flex-direction:column;justify-content:space-between;padding:clamp(10px,1.4vw,16px);display:flex;position:relative;transform:translateY(12px)scale(.985);box-shadow:0 10px 28px #063f3d09}.BadgesMockup-module__Ye23fG__badgeCard:first-child{animation-delay:1.75s}.BadgesMockup-module__Ye23fG__badgeCard:nth-child(2){animation-delay:1.86s}.BadgesMockup-module__Ye23fG__badgeCard:nth-child(3){animation-delay:1.97s}.BadgesMockup-module__Ye23fG__badgeCard:nth-child(4){animation-delay:2.08s}.BadgesMockup-module__Ye23fG__badgeCard:nth-child(5){animation-delay:2.19s}.BadgesMockup-module__Ye23fG__badgeCard:nth-child(6){animation-delay:2.3s}.BadgesMockup-module__Ye23fG__badgeCard:nth-child(7){animation-delay:2.41s}.BadgesMockup-module__Ye23fG__badgeCard:nth-child(8){animation-delay:2.52s}.BadgesMockup-module__Ye23fG__badgeCard:nth-child(9){animation-delay:2.63s}.BadgesMockup-module__Ye23fG__badgeCard:nth-child(10){animation-delay:2.74s}.BadgesMockup-module__Ye23fG__badgeCard:nth-child(11){animation-delay:2.85s}.BadgesMockup-module__Ye23fG__badgeCard:nth-child(12){animation-delay:2.96s}.BadgesMockup-module__Ye23fG__earned{border-color:#2e8b5773;box-shadow:0 12px 30px #2e8b5714}.BadgesMockup-module__Ye23fG__locked{animation:BadgesMockup-module__Ye23fG__badgeInMuted .6s var(--ease)both}.BadgesMockup-module__Ye23fG__locked.BadgesMockup-module__Ye23fG__badgeCard:nth-child(7){animation-delay:2.41s}.BadgesMockup-module__Ye23fG__locked.BadgesMockup-module__Ye23fG__badgeCard:nth-child(8){animation-delay:2.52s}.BadgesMockup-module__Ye23fG__locked.BadgesMockup-module__Ye23fG__badgeCard:nth-child(9){animation-delay:2.63s}.BadgesMockup-module__Ye23fG__locked.BadgesMockup-module__Ye23fG__badgeCard:nth-child(10){animation-delay:2.74s}.BadgesMockup-module__Ye23fG__locked.BadgesMockup-module__Ye23fG__badgeCard:nth-child(11){animation-delay:2.85s}.BadgesMockup-module__Ye23fG__locked.BadgesMockup-module__Ye23fG__badgeCard:nth-child(12){animation-delay:2.96s}.BadgesMockup-module__Ye23fG__statusPill{border-radius:999px;padding:clamp(3px,.5vw,5px) clamp(7px,.9vw,10px);font-size:clamp(8px,1vw,11px);font-weight:900;line-height:1;position:absolute;top:clamp(8px,1vw,12px);left:clamp(8px,1vw,12px)}.BadgesMockup-module__Ye23fG__earned .BadgesMockup-module__Ye23fG__statusPill{color:#fff;background:#1d8c4d}.BadgesMockup-module__Ye23fG__locked .BadgesMockup-module__Ye23fG__statusPill{color:#9ea9a7;background:#f1eee8;border:1px solid #e7e1d6}.BadgesMockup-module__Ye23fG__badgeIcon{width:clamp(38px,4.8vw,54px);height:clamp(38px,4.8vw,54px);color:var(--c-teal);border-radius:clamp(12px,1.6vw,18px);place-items:center;margin:clamp(4px,.7vw,8px) auto clamp(7px,1vw,10px);display:grid}.BadgesMockup-module__Ye23fG__earned .BadgesMockup-module__Ye23fG__badgeIcon{color:#d59d27;background:linear-gradient(145deg,#e7c57238,#ffffffe6);border:1px solid #e8d8b0;box-shadow:0 10px 18px #d59d271a}.BadgesMockup-module__Ye23fG__locked .BadgesMockup-module__Ye23fG__badgeIcon{color:#c3c8c7;filter:grayscale();background:#f4f1eb;border:1px solid #ece4d7}.BadgesMockup-module__Ye23fG__badgeIcon svg{width:clamp(18px,2.2vw,24px);height:clamp(18px,2.2vw,24px)}.BadgesMockup-module__Ye23fG__badgeTitle{text-align:center;margin-bottom:clamp(4px,.6vw,6px);font-size:clamp(11px,1.4vw,16px);font-weight:900}.BadgesMockup-module__Ye23fG__badgeDesc{text-align:center;color:var(--c-muted);min-height:clamp(28px,3.5vw,40px);font-size:clamp(9px,1.1vw,12px);font-weight:700;line-height:1.55}.BadgesMockup-module__Ye23fG__progressMini{color:var(--c-muted);justify-content:space-between;align-items:center;gap:clamp(6px,.9vw,8px);margin-top:clamp(7px,1vw,10px);font-size:clamp(8px,1vw,11px);font-weight:800;display:flex}.BadgesMockup-module__Ye23fG__miniTrack{background:#ecefeb;border-radius:999px;flex:1;height:clamp(5px,.7vw,7px);overflow:hidden}.BadgesMockup-module__Ye23fG__miniFill{background:linear-gradient(90deg,var(--c-teal),var(--c-teal-3));border-radius:999px;width:100%;height:100%}.BadgesMockup-module__Ye23fG__locked .BadgesMockup-module__Ye23fG__miniFill{background:#c7d0ce;width:0}.BadgesMockup-module__Ye23fG__locked .BadgesMockup-module__Ye23fG__miniFill.BadgesMockup-module__Ye23fG__p20{width:20%}.BadgesMockup-module__Ye23fG__locked .BadgesMockup-module__Ye23fG__miniFill.BadgesMockup-module__Ye23fG__p35{width:35%}.BadgesMockup-module__Ye23fG__locked .BadgesMockup-module__Ye23fG__miniFill.BadgesMockup-module__Ye23fG__p45{width:45%}.BadgesMockup-module__Ye23fG__locked .BadgesMockup-module__Ye23fG__miniFill.BadgesMockup-module__Ye23fG__p55{width:55%}.BadgesMockup-module__Ye23fG__locked .BadgesMockup-module__Ye23fG__miniFill.BadgesMockup-module__Ye23fG__p65{width:65%}.BadgesMockup-module__Ye23fG__toast{background:linear-gradient(135deg,var(--c-xp1),var(--c-xp2));color:#fff;opacity:0;width:clamp(180px,22vw,230px);animation:BadgesMockup-module__Ye23fG__toastIn .7s var(--ease)3.45s both;z-index:3;border-radius:clamp(13px,1.6vw,18px);padding:clamp(12px,1.4vw,16px) clamp(13px,1.6vw,18px);position:absolute;inset-block-end:clamp(12px,1.6vw,18px);inset-inline-end:clamp(12px,1.6vw,18px);transform:translateY(16px);box-shadow:0 20px 40px #ff9b1e38}.BadgesMockup-module__Ye23fG__toast small{opacity:.96;margin-bottom:clamp(5px,.7vw,8px);font-size:clamp(10px,1.1vw,12px);font-weight:800;display:block}.BadgesMockup-module__Ye23fG__toast strong{margin-bottom:clamp(5px,.7vw,8px);font-size:clamp(22px,3vw,32px);line-height:1;display:block}.BadgesMockup-module__Ye23fG__toast span{font-size:clamp(11px,1.3vw,14px);font-weight:900}@media (max-width:720px){.BadgesMockup-module__Ye23fG__card{gap:10px;padding:14px}.BadgesMockup-module__Ye23fG__summary{grid-template-columns:1fr;gap:8px}.BadgesMockup-module__Ye23fG__summaryMain{padding:12px}.BadgesMockup-module__Ye23fG__studentRow{gap:10px;margin-bottom:10px}.BadgesMockup-module__Ye23fG__medal{border-radius:11px;width:36px;height:36px}.BadgesMockup-module__Ye23fG__medal svg{width:18px;height:18px}.BadgesMockup-module__Ye23fG__studentName h3{font-size:15px}.BadgesMockup-module__Ye23fG__studentName p{font-size:10px}.BadgesMockup-module__Ye23fG__progressShell{padding:9px 11px}.BadgesMockup-module__Ye23fG__progressTop{margin-bottom:7px;font-size:10px}.BadgesMockup-module__Ye23fG__track{height:6px}.BadgesMockup-module__Ye23fG__summaryStats{gap:6px;margin-top:10px}.BadgesMockup-module__Ye23fG__miniStat{min-width:0;padding:8px 10px}.BadgesMockup-module__Ye23fG__miniStat strong{margin-bottom:2px;font-size:14px}.BadgesMockup-module__Ye23fG__miniStat span{font-size:9px}.BadgesMockup-module__Ye23fG__summarySide{text-align:right;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px}.BadgesMockup-module__Ye23fG__levelTitle{text-align:right;flex-shrink:0;font-size:13px}.BadgesMockup-module__Ye23fG__levelBadge{gap:5px;padding:5px 10px;font-size:10px}.BadgesMockup-module__Ye23fG__levelBadge svg{width:11px;height:11px}.BadgesMockup-module__Ye23fG__xpStrip{border-radius:12px;flex:1;width:auto;padding:8px 11px}.BadgesMockup-module__Ye23fG__xpText strong{font-size:14px}.BadgesMockup-module__Ye23fG__xpText span{font-size:9px}.BadgesMockup-module__Ye23fG__xpBolt{width:22px;height:22px}.BadgesMockup-module__Ye23fG__filter{padding:5px 10px;font-size:9px}.BadgesMockup-module__Ye23fG__gridWrap{grid-template-columns:repeat(3,1fr);gap:8px}.BadgesMockup-module__Ye23fG__badgeCard:nth-child(n+7){display:none}.BadgesMockup-module__Ye23fG__badgeCard{border-radius:14px;min-height:0;padding:10px}.BadgesMockup-module__Ye23fG__statusPill{padding:2px 6px;font-size:8px;top:6px;left:6px}.BadgesMockup-module__Ye23fG__badgeIcon{width:32px;height:32px;margin-top:0;margin-bottom:6px}.BadgesMockup-module__Ye23fG__badgeIcon svg{width:16px;height:16px}.BadgesMockup-module__Ye23fG__badgeTitle{margin-bottom:3px;font-size:11px}.BadgesMockup-module__Ye23fG__badgeDesc{min-height:24px;font-size:9px;line-height:1.45}.BadgesMockup-module__Ye23fG__progressMini{gap:5px;margin-top:6px;font-size:8px}.BadgesMockup-module__Ye23fG__miniTrack{height:4px}.BadgesMockup-module__Ye23fG__toast{border-radius:11px;width:160px;padding:8px 11px;inset-block-end:10px;inset-inline-end:10px}.BadgesMockup-module__Ye23fG__toast small{margin-bottom:3px;font-size:9px}.BadgesMockup-module__Ye23fG__toast strong{margin-bottom:3px;font-size:18px}.BadgesMockup-module__Ye23fG__toast span{font-size:10px}}@media (max-width:480px){.BadgesMockup-module__Ye23fG__spacer{display:none}.BadgesMockup-module__Ye23fG__topbar{margin-bottom:0}.BadgesMockup-module__Ye23fG__featurePill{gap:4px;padding:5px 10px;font-size:9px}.BadgesMockup-module__Ye23fG__featurePill .BadgesMockup-module__Ye23fG__pillIcon{width:11px;height:11px}.BadgesMockup-module__Ye23fG__icons{gap:6px}.BadgesMockup-module__Ye23fG__iconBell,.BadgesMockup-module__Ye23fG__moonIcon{border-radius:7px;width:22px;height:22px}.BadgesMockup-module__Ye23fG__iconBell:after{width:12px;height:12px;font-size:8px;top:-4px;right:-4px}.BadgesMockup-module__Ye23fG__iconBell svg,.BadgesMockup-module__Ye23fG__moonIcon svg{width:11px;height:11px}.BadgesMockup-module__Ye23fG__card{gap:8px;padding:10px}.BadgesMockup-module__Ye23fG__summary{gap:6px}.BadgesMockup-module__Ye23fG__summaryMain{border-radius:11px;padding:9px}.BadgesMockup-module__Ye23fG__summarySide{display:none}.BadgesMockup-module__Ye23fG__studentRow{gap:7px;margin-bottom:7px}.BadgesMockup-module__Ye23fG__medal{border-radius:8px;width:28px;height:28px}.BadgesMockup-module__Ye23fG__medal svg{width:14px;height:14px}.BadgesMockup-module__Ye23fG__studentName h3{font-size:12px}.BadgesMockup-module__Ye23fG__studentName p{font-size:9px}.BadgesMockup-module__Ye23fG__progressShell{border-radius:9px;padding:7px 9px}.BadgesMockup-module__Ye23fG__progressTop{margin-bottom:5px;font-size:9px}.BadgesMockup-module__Ye23fG__track{height:5px}.BadgesMockup-module__Ye23fG__summaryStats{gap:4px;margin-top:7px}.BadgesMockup-module__Ye23fG__miniStat{border-radius:8px;padding:6px 8px}.BadgesMockup-module__Ye23fG__miniStat strong{font-size:12px}.BadgesMockup-module__Ye23fG__miniStat span{font-size:8px}.BadgesMockup-module__Ye23fG__filters{gap:4px}.BadgesMockup-module__Ye23fG__filter{padding:4px 8px;font-size:8px}.BadgesMockup-module__Ye23fG__filter:nth-child(n+4){display:none}.BadgesMockup-module__Ye23fG__gridWrap{grid-template-columns:repeat(2,1fr);gap:6px}.BadgesMockup-module__Ye23fG__badgeCard:nth-child(n+5){display:none}.BadgesMockup-module__Ye23fG__badgeCard{border-radius:11px;padding:8px}.BadgesMockup-module__Ye23fG__statusPill{padding:2px 5px;font-size:7.5px}.BadgesMockup-module__Ye23fG__badgeIcon{border-radius:9px;width:28px;height:28px;margin-bottom:4px}.BadgesMockup-module__Ye23fG__badgeIcon svg{width:14px;height:14px}.BadgesMockup-module__Ye23fG__badgeTitle{margin-bottom:2px;font-size:10px}.BadgesMockup-module__Ye23fG__badgeDesc{min-height:20px;font-size:8.5px;line-height:1.4}.BadgesMockup-module__Ye23fG__progressMini{margin-top:5px;font-size:7.5px}.BadgesMockup-module__Ye23fG__miniTrack{height:3px}.BadgesMockup-module__Ye23fG__toast{display:none}}@keyframes BadgesMockup-module__Ye23fG__cardIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes BadgesMockup-module__Ye23fG__fadeSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes BadgesMockup-module__Ye23fG__badgeIn{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes BadgesMockup-module__Ye23fG__badgeInMuted{to{opacity:.78;transform:translateY(0)scale(1)}}@keyframes BadgesMockup-module__Ye23fG__fillBar{to{width:72%}}@keyframes BadgesMockup-module__Ye23fG__toastIn{to{opacity:1;transform:translateY(0)}}@keyframes BadgesMockup-module__Ye23fG__bell{0%,92%,to{transform:rotate(0)}94%{transform:rotate(8deg)}96%{transform:rotate(-8deg)}98%{transform:rotate(5deg)}}
.AssistantMockup-module__EzXTEq__stage{--c-bg:#f7f1e8;--c-card:#fffdf9;--c-card-soft:#fbf7ef;--c-teal:#063f3d;--c-teal-2:#155f5b;--c-teal-3:#2d7a74;--c-muted:#6f807d;--c-line:#e9ded0;--c-sand:#baac94;--c-sand-soft:#efe6d8;--c-green:#2f8c58;--c-green-soft:#e7f4ec;--c-gold:#e6c572;--ease:cubic-bezier(.2,.8,.2,1);background:radial-gradient(circle at top,#fffaf3 0%,var(--c-bg)55%,#f3eadc 100%);width:100%;height:100%;color:var(--c-teal);direction:rtl;place-items:center;padding:clamp(10px,2vw,30px);display:grid;position:relative;overflow:hidden}.AssistantMockup-module__EzXTEq__card{width:100%;max-width:1180px;height:100%;animation:AssistantMockup-module__EzXTEq__cardIn .85s var(--ease)both;background:#fffdf9f2;border:1px solid #ddd3c7c7;border-radius:clamp(16px,2.5vw,28px);flex-direction:column;padding:clamp(12px,2.4vw,28px);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 55px #063f3d14}.AssistantMockup-module__EzXTEq__topbar{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:clamp(10px,1.6vw,18px);display:flex}.AssistantMockup-module__EzXTEq__spacer{width:clamp(40px,6vw,76px);height:clamp(28px,4vw,38px)}.AssistantMockup-module__EzXTEq__featurePill{background:var(--c-card-soft);border:1px solid var(--c-line);color:var(--c-teal);animation:AssistantMockup-module__EzXTEq__fadeSlide .65s var(--ease).25s both;white-space:nowrap;border-radius:999px;align-items:center;gap:clamp(5px,1vw,10px);padding:clamp(7px,1.2vw,12px) clamp(12px,2vw,24px);font-size:clamp(10px,1.4vw,18px);font-weight:800;display:inline-flex;box-shadow:0 8px 20px #063f3d0a}.AssistantMockup-module__EzXTEq__featurePill svg{flex-shrink:0;width:clamp(12px,1.5vw,18px);height:clamp(12px,1.5vw,18px)}.AssistantMockup-module__EzXTEq__icons{direction:ltr;align-items:center;gap:clamp(8px,1.2vw,14px);display:flex}.AssistantMockup-module__EzXTEq__iconBell,.AssistantMockup-module__EzXTEq__moonIcon{background:var(--c-card-soft);border:1px solid var(--c-line);width:clamp(28px,4vw,38px);height:clamp(28px,4vw,38px);color:var(--c-teal);border-radius:clamp(8px,1.2vw,13px);place-items:center;display:grid;box-shadow:0 8px 20px #063f3d0a}.AssistantMockup-module__EzXTEq__iconBell{transform-origin:top;animation:4.5s ease-in-out infinite AssistantMockup-module__EzXTEq__bell;position:relative}.AssistantMockup-module__EzXTEq__iconBell:after{content:"2";color:#fff;background:#cd3a3a;border-radius:50%;place-items:center;width:clamp(14px,1.8vw,18px);height:clamp(14px,1.8vw,18px);font-size:clamp(9px,1vw,11px);font-weight:700;display:grid;position:absolute;top:-7px;right:-7px}.AssistantMockup-module__EzXTEq__iconBell svg,.AssistantMockup-module__EzXTEq__moonIcon svg{width:clamp(16px,2vw,25px);height:clamp(16px,2vw,25px)}.AssistantMockup-module__EzXTEq__layout{flex:1;grid-template-columns:1fr 1fr;gap:clamp(8px,1.4vw,16px);min-height:0;display:grid;position:relative}.AssistantMockup-module__EzXTEq__heroBar{border:1px solid var(--c-line);animation:AssistantMockup-module__EzXTEq__fadeSlide .7s var(--ease).42s both;background:linear-gradient(90deg,#fffdf9eb,#fbf7eff5);border-radius:clamp(14px,1.8vw,22px);flex-shrink:0;grid-column:1/-1;justify-content:space-between;align-items:center;gap:clamp(8px,1.4vw,16px);padding:clamp(11px,1.5vw,18px) clamp(13px,1.7vw,20px);display:flex;box-shadow:0 12px 30px #063f3d0a}.AssistantMockup-module__EzXTEq__heroTitle{min-width:0}.AssistantMockup-module__EzXTEq__heroTitle h3{margin:0 0 clamp(3px,.5vw,6px);font-size:clamp(15px,2.2vw,28px);font-weight:900}.AssistantMockup-module__EzXTEq__heroTitle p{color:var(--c-muted);margin:0;font-size:clamp(9px,1.1vw,14px);font-weight:700;line-height:1.5}.AssistantMockup-module__EzXTEq__heroStats{flex-wrap:wrap;flex-shrink:0;gap:clamp(5px,.8vw,10px);display:flex}.AssistantMockup-module__EzXTEq__heroChip{border:1px solid var(--c-line);color:var(--c-teal);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:clamp(4px,.6vw,8px);padding:clamp(6px,1vw,10px) clamp(8px,1.2vw,14px);font-size:clamp(9px,1.1vw,13px);font-weight:900;display:inline-flex;box-shadow:0 8px 18px #063f3d0a}.AssistantMockup-module__EzXTEq__panel{border:1px solid var(--c-line);background:#fffdf9f5;border-radius:clamp(14px,1.8vw,22px);flex-direction:column;min-width:0;min-height:0;padding:clamp(11px,1.5vw,18px);display:flex;box-shadow:0 10px 30px #063f3d0a}.AssistantMockup-module__EzXTEq__overviewPanel{animation:AssistantMockup-module__EzXTEq__fadeSlide .8s var(--ease).56s both}.AssistantMockup-module__EzXTEq__calendarPanel{animation:AssistantMockup-module__EzXTEq__fadeSlide .8s var(--ease).7s both}.AssistantMockup-module__EzXTEq__panelHeading{flex-shrink:0;justify-content:space-between;align-items:center;gap:clamp(6px,1vw,12px);margin-bottom:clamp(10px,1.4vw,16px);display:flex}.AssistantMockup-module__EzXTEq__panelHeading h4{margin:0;font-size:clamp(13px,1.7vw,22px);font-weight:900}.AssistantMockup-module__EzXTEq__panelHeading>span{color:var(--c-muted);font-size:clamp(9px,1vw,12px);font-weight:800}.AssistantMockup-module__EzXTEq__todayPill{background:linear-gradient(145deg,var(--c-teal-2),var(--c-teal));color:#fff;border-radius:999px;align-items:center;gap:clamp(4px,.6vw,7px);padding:clamp(6px,.9vw,9px) clamp(8px,1.1vw,12px);font-size:clamp(9px,1.1vw,12px);font-weight:900;display:inline-flex}.AssistantMockup-module__EzXTEq__metrics{flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:clamp(7px,1vw,12px);margin-bottom:clamp(10px,1.3vw,14px);display:grid}.AssistantMockup-module__EzXTEq__metricCard{border:1px solid var(--c-line);opacity:0;animation:AssistantMockup-module__EzXTEq__fadeSlide .56s var(--ease)both;background:#fff;border-radius:clamp(12px,1.5vw,18px);padding:clamp(9px,1.3vw,14px);transform:translateY(8px);box-shadow:0 8px 22px #063f3d08}.AssistantMockup-module__EzXTEq__metricCard:first-child{animation-delay:.86s}.AssistantMockup-module__EzXTEq__metricCard:nth-child(2){animation-delay:.98s}.AssistantMockup-module__EzXTEq__metricCard:nth-child(3){animation-delay:1.1s}.AssistantMockup-module__EzXTEq__metricCard:nth-child(4){animation-delay:1.22s}.AssistantMockup-module__EzXTEq__metricTop{justify-content:space-between;align-items:center;margin-bottom:clamp(8px,1.1vw,12px);display:flex}.AssistantMockup-module__EzXTEq__metricBadge{width:clamp(28px,3.6vw,42px);height:clamp(28px,3.6vw,42px);color:var(--c-teal);background:#e6c57259;border-radius:clamp(10px,1.3vw,15px);place-items:center;display:grid}.AssistantMockup-module__EzXTEq__metricBadge.AssistantMockup-module__EzXTEq__green{background:#eaf0ee}.AssistantMockup-module__EzXTEq__metricBadge svg{width:clamp(13px,1.5vw,18px);height:clamp(13px,1.5vw,18px)}.AssistantMockup-module__EzXTEq__metricTop small{color:var(--c-muted);text-align:end;font-size:clamp(8px,1vw,11px);font-weight:800}.AssistantMockup-module__EzXTEq__metricCard strong{margin-bottom:clamp(4px,.7vw,6px);font-size:clamp(20px,2.6vw,34px);font-weight:900;line-height:1;display:block}.AssistantMockup-module__EzXTEq__metricCard span{color:var(--c-teal);font-size:clamp(10px,1.1vw,13px);font-weight:800;display:block}.AssistantMockup-module__EzXTEq__homeworkCard{border:1px solid var(--c-line);opacity:0;animation:AssistantMockup-module__EzXTEq__fadeSlide .65s var(--ease)1.36s both;background:linear-gradient(#fffdf9,#fbf7ef);border-radius:clamp(14px,1.7vw,20px);flex-direction:column;flex:1;min-height:0;padding:clamp(11px,1.4vw,16px);display:flex}.AssistantMockup-module__EzXTEq__hwTitle{flex-shrink:0;justify-content:space-between;align-items:center;gap:clamp(6px,1vw,12px);margin-bottom:clamp(10px,1.3vw,14px);display:flex}.AssistantMockup-module__EzXTEq__hwTitle h5{margin:0;font-size:clamp(12px,1.5vw,18px);font-weight:900}.AssistantMockup-module__EzXTEq__hwTitle>span{color:var(--c-muted);font-size:clamp(9px,1vw,12px);font-weight:800}.AssistantMockup-module__EzXTEq__hwRow{border-top:1px solid #e9ded0b3;justify-content:space-between;align-items:center;gap:clamp(8px,1.1vw,12px);padding:clamp(8px,1.1vw,12px) 0;display:flex}.AssistantMockup-module__EzXTEq__hwRow:first-of-type{border-top:0;padding-top:0}.AssistantMockup-module__EzXTEq__hwMeta{text-align:end;flex:1;min-width:0}.AssistantMockup-module__EzXTEq__hwMeta strong{margin-bottom:clamp(2px,.4vw,4px);font-size:clamp(11px,1.3vw,15px);font-weight:900;display:block}.AssistantMockup-module__EzXTEq__hwMeta span{color:var(--c-muted);font-size:clamp(9px,1.1vw,12px);font-weight:700}.AssistantMockup-module__EzXTEq__tag{background:var(--c-card-soft);border:1px solid var(--c-line);color:var(--c-teal);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:clamp(4px,.5vw,6px);padding:clamp(5px,.8vw,7px) clamp(7px,.9vw,10px);font-size:clamp(8px,1vw,11px);font-weight:900;display:inline-flex}.AssistantMockup-module__EzXTEq__monthLabel{text-align:center;flex-shrink:0;margin-bottom:clamp(10px,1.4vw,16px);font-size:clamp(12px,1.5vw,18px);font-weight:900}.AssistantMockup-module__EzXTEq__weekdays,.AssistantMockup-module__EzXTEq__days{text-align:center;grid-template-columns:repeat(7,1fr);gap:clamp(3px,.5vw,6px);display:grid}.AssistantMockup-module__EzXTEq__weekdays{flex-shrink:0;margin-bottom:clamp(6px,.9vw,10px)}.AssistantMockup-module__EzXTEq__weekdays span{color:var(--c-muted);font-size:clamp(8px,1vw,12px);font-weight:800}.AssistantMockup-module__EzXTEq__days{flex:1;min-height:0}.AssistantMockup-module__EzXTEq__day{color:var(--c-teal);opacity:0;animation:AssistantMockup-module__EzXTEq__fadeSlide .38s var(--ease)both;aspect-ratio:1;border-radius:clamp(9px,1.2vw,14px);place-items:center;min-height:0;font-size:clamp(10px,1.2vw,15px);font-weight:800;display:grid;transform:translateY(6px)}.AssistantMockup-module__EzXTEq__day:first-child{animation-delay:.92s}.AssistantMockup-module__EzXTEq__day:nth-child(2){animation-delay:.94s}.AssistantMockup-module__EzXTEq__day:nth-child(3){animation-delay:.96s}.AssistantMockup-module__EzXTEq__day:nth-child(4){animation-delay:.98s}.AssistantMockup-module__EzXTEq__day:nth-child(5){animation-delay:1s}.AssistantMockup-module__EzXTEq__day:nth-child(6){animation-delay:1.02s}.AssistantMockup-module__EzXTEq__day:nth-child(7){animation-delay:1.04s}.AssistantMockup-module__EzXTEq__day:nth-child(8){animation-delay:1.06s}.AssistantMockup-module__EzXTEq__day:nth-child(9){animation-delay:1.08s}.AssistantMockup-module__EzXTEq__day:nth-child(10){animation-delay:1.1s}.AssistantMockup-module__EzXTEq__day:nth-child(11){animation-delay:1.12s}.AssistantMockup-module__EzXTEq__day:nth-child(12){animation-delay:1.14s}.AssistantMockup-module__EzXTEq__day:nth-child(13){animation-delay:1.16s}.AssistantMockup-module__EzXTEq__day:nth-child(14){animation-delay:1.18s}.AssistantMockup-module__EzXTEq__day:nth-child(15){animation-delay:1.2s}.AssistantMockup-module__EzXTEq__day:nth-child(16){animation-delay:1.22s}.AssistantMockup-module__EzXTEq__day:nth-child(17){animation-delay:1.24s}.AssistantMockup-module__EzXTEq__day:nth-child(18){animation-delay:1.26s}.AssistantMockup-module__EzXTEq__day:nth-child(19){animation-delay:1.28s}.AssistantMockup-module__EzXTEq__day:nth-child(20){animation-delay:1.3s}.AssistantMockup-module__EzXTEq__day:nth-child(21){animation-delay:1.32s}.AssistantMockup-module__EzXTEq__day:nth-child(22){animation-delay:1.34s}.AssistantMockup-module__EzXTEq__day:nth-child(23){animation-delay:1.36s}.AssistantMockup-module__EzXTEq__day:nth-child(24){animation-delay:1.38s}.AssistantMockup-module__EzXTEq__day:nth-child(25){animation-delay:1.4s}.AssistantMockup-module__EzXTEq__day:nth-child(26){animation-delay:1.42s}.AssistantMockup-module__EzXTEq__day:nth-child(27){animation-delay:1.44s}.AssistantMockup-module__EzXTEq__day:nth-child(28){animation-delay:1.46s}.AssistantMockup-module__EzXTEq__day:nth-child(29){animation-delay:1.48s}.AssistantMockup-module__EzXTEq__day:nth-child(30){animation-delay:1.5s}.AssistantMockup-module__EzXTEq__day:nth-child(31){animation-delay:1.52s}.AssistantMockup-module__EzXTEq__day:nth-child(32){animation-delay:1.54s}.AssistantMockup-module__EzXTEq__day:nth-child(33){animation-delay:1.56s}.AssistantMockup-module__EzXTEq__day:nth-child(34){animation-delay:1.58s}.AssistantMockup-module__EzXTEq__day:nth-child(35){animation-delay:1.6s}.AssistantMockup-module__EzXTEq__day:nth-child(36){animation-delay:1.62s}.AssistantMockup-module__EzXTEq__dayActive{background:linear-gradient(145deg,var(--c-teal-2),var(--c-teal));color:#fff;animation:AssistantMockup-module__EzXTEq__fadeSlide .38s var(--ease)1.24s both,AssistantMockup-module__EzXTEq__activeDayPulse 2.6s ease-in-out 2.2s infinite;position:relative;box-shadow:0 10px 20px #063f3d29}.AssistantMockup-module__EzXTEq__dayActive:after{content:"1";width:clamp(13px,1.6vw,18px);height:clamp(13px,1.6vw,18px);color:var(--c-teal);border:1px solid var(--c-line);background:#fff;border-radius:50%;place-items:center;font-size:clamp(8px,.9vw,10px);display:grid;position:absolute;top:-4px;left:-2px}.AssistantMockup-module__EzXTEq__calendarFoot{border-top:1px solid var(--c-line);opacity:0;animation:AssistantMockup-module__EzXTEq__fadeSlide .65s var(--ease)1.7s both;flex-shrink:0;margin-top:clamp(10px,1.4vw,16px);padding-top:clamp(10px,1.4vw,16px)}.AssistantMockup-module__EzXTEq__calendarFoot strong{margin-bottom:clamp(6px,.9vw,10px);font-size:clamp(11px,1.3vw,15px);font-weight:900;display:block}.AssistantMockup-module__EzXTEq__classPill{background:var(--c-card-soft);border:1px solid var(--c-line);color:var(--c-teal);border-radius:clamp(11px,1.4vw,16px);justify-content:space-between;align-items:center;gap:clamp(7px,1vw,10px);padding:clamp(9px,1.2vw,12px) clamp(10px,1.4vw,14px);font-size:clamp(10px,1.2vw,13px);font-weight:900;display:flex}.AssistantMockup-module__EzXTEq__classPill span{color:var(--c-muted);font-size:clamp(9px,1.1vw,12px);font-weight:800}.AssistantMockup-module__EzXTEq__assistantTrigger{background:linear-gradient(145deg,var(--c-teal-2),var(--c-teal));color:#fff;z-index:5;width:clamp(44px,5.5vw,62px);height:clamp(44px,5.5vw,62px);animation:AssistantMockup-module__EzXTEq__fadeSlide .6s var(--ease)1.5s both,AssistantMockup-module__EzXTEq__floaty 3.2s ease-in-out 2.1s infinite;border-radius:clamp(13px,1.6vw,18px);place-items:center;display:grid;position:absolute;bottom:clamp(12px,1.8vw,24px);left:clamp(12px,1.8vw,24px);box-shadow:0 18px 34px #063f3d33}.AssistantMockup-module__EzXTEq__assistantTrigger:after{content:"";border:1px solid #155f5b29;border-radius:clamp(17px,2vw,24px);animation:2.8s ease-in-out 2.1s infinite AssistantMockup-module__EzXTEq__ring;position:absolute;inset:-10px}.AssistantMockup-module__EzXTEq__assistantTrigger svg{width:clamp(20px,2.5vw,28px);height:clamp(20px,2.5vw,28px)}.AssistantMockup-module__EzXTEq__assistantPanel{border:1px solid var(--c-line);z-index:6;opacity:0;width:clamp(280px,35vw,410px);max-width:calc(100% - clamp(40px,5vw,68px));animation:AssistantMockup-module__EzXTEq__panelIn .85s var(--ease)1.8s both;background:#fffdf9fa;border-radius:clamp(16px,2.1vw,24px);position:absolute;bottom:clamp(70px,9vw,100px);left:clamp(20px,2.8vw,34px);overflow:hidden;transform:translateY(18px)scale(.98);box-shadow:0 28px 55px #063f3d26}.AssistantMockup-module__EzXTEq__assistantHead{background:linear-gradient(145deg,var(--c-teal-2),var(--c-teal));color:#fff;justify-content:space-between;align-items:center;gap:clamp(8px,1.2vw,12px);padding:clamp(11px,1.5vw,16px) clamp(13px,1.7vw,18px);display:flex}.AssistantMockup-module__EzXTEq__assistantHead .AssistantMockup-module__EzXTEq__headText{min-width:0}.AssistantMockup-module__EzXTEq__assistantHead h5{margin:0 0 clamp(2px,.4vw,4px);font-size:clamp(13px,1.5vw,18px);font-weight:900}.AssistantMockup-module__EzXTEq__assistantHead .AssistantMockup-module__EzXTEq__headText span{opacity:.86;font-size:clamp(9px,1.1vw,12px);font-weight:700}.AssistantMockup-module__EzXTEq__assistantHead>svg{flex-shrink:0;width:clamp(17px,2vw,22px);height:clamp(17px,2vw,22px)}.AssistantMockup-module__EzXTEq__assistantBody{background:linear-gradient(#ffffffd9,#fbf7efe6);gap:clamp(8px,1.1vw,12px);padding:clamp(11px,1.5vw,16px);display:grid}.AssistantMockup-module__EzXTEq__msg{opacity:0;max-width:88%;animation:AssistantMockup-module__EzXTEq__fadeSlide .6s var(--ease)both;border-radius:clamp(13px,1.6vw,18px);padding:clamp(9px,1.3vw,14px) clamp(10px,1.3vw,14px);font-size:clamp(10px,1.1vw,13px);font-weight:700;line-height:1.7;transform:translateY(8px)}.AssistantMockup-module__EzXTEq__msgUser{background:var(--c-card-soft);border:1px solid var(--c-line);color:var(--c-teal);justify-self:start;animation-delay:2.2s}.AssistantMockup-module__EzXTEq__msgAi{color:var(--c-teal);background:linear-gradient(145deg,#e8f1ede6,#ffffffeb);border:1px solid #d6e6df;justify-self:end;animation-delay:2.55s}.AssistantMockup-module__EzXTEq__assistantTags{opacity:0;animation:AssistantMockup-module__EzXTEq__fadeSlide .6s var(--ease)2.95s both;flex-wrap:wrap;gap:clamp(5px,.7vw,8px);padding-top:clamp(2px,.4vw,4px);display:flex}.AssistantMockup-module__EzXTEq__assistantTags span{border:1px solid var(--c-line);color:var(--c-muted);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:clamp(4px,.5vw,6px);padding:clamp(6px,.8vw,8px) clamp(7px,.9vw,10px);font-size:clamp(8px,1vw,11px);font-weight:800;display:inline-flex}@media (max-width:720px){.AssistantMockup-module__EzXTEq__card{padding:12px}.AssistantMockup-module__EzXTEq__heroBar{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px}.AssistantMockup-module__EzXTEq__heroTitle h3{font-size:14px}.AssistantMockup-module__EzXTEq__heroTitle p{font-size:9px}.AssistantMockup-module__EzXTEq__heroChip{padding:4px 8px;font-size:9px}.AssistantMockup-module__EzXTEq__layout{grid-template-columns:1fr;gap:8px}.AssistantMockup-module__EzXTEq__panel{border-radius:14px;padding:10px}.AssistantMockup-module__EzXTEq__panelHeading{margin-bottom:8px}.AssistantMockup-module__EzXTEq__panelHeading h4{font-size:13px}.AssistantMockup-module__EzXTEq__panelHeading>span{font-size:9px}.AssistantMockup-module__EzXTEq__todayPill{padding:4px 8px;font-size:9px}.AssistantMockup-module__EzXTEq__metrics{gap:6px;margin-bottom:8px}.AssistantMockup-module__EzXTEq__metricCard{border-radius:11px;padding:8px}.AssistantMockup-module__EzXTEq__metricTop{margin-bottom:5px}.AssistantMockup-module__EzXTEq__metricBadge{border-radius:8px;width:24px;height:24px}.AssistantMockup-module__EzXTEq__metricBadge svg{width:12px;height:12px}.AssistantMockup-module__EzXTEq__metricTop small{font-size:8px}.AssistantMockup-module__EzXTEq__metricCard strong{margin-bottom:3px;font-size:17px}.AssistantMockup-module__EzXTEq__metricCard span{font-size:9px}.AssistantMockup-module__EzXTEq__homeworkCard{border-radius:12px;padding:10px}.AssistantMockup-module__EzXTEq__hwTitle{margin-bottom:8px}.AssistantMockup-module__EzXTEq__hwTitle h5{font-size:11px}.AssistantMockup-module__EzXTEq__hwTitle>span{font-size:9px}.AssistantMockup-module__EzXTEq__hwRow{padding:6px 0}.AssistantMockup-module__EzXTEq__hwMeta strong{font-size:10px}.AssistantMockup-module__EzXTEq__hwMeta span{font-size:9px}.AssistantMockup-module__EzXTEq__tag{padding:3px 6px;font-size:8px}.AssistantMockup-module__EzXTEq__monthLabel{margin-bottom:8px;font-size:12px}.AssistantMockup-module__EzXTEq__weekdays span{font-size:8px}.AssistantMockup-module__EzXTEq__day{border-radius:8px;font-size:9px}.AssistantMockup-module__EzXTEq__dayActive:after{width:11px;height:11px;font-size:7px}.AssistantMockup-module__EzXTEq__calendarFoot{margin-top:8px;padding-top:8px}.AssistantMockup-module__EzXTEq__calendarFoot strong{margin-bottom:5px;font-size:10px}.AssistantMockup-module__EzXTEq__classPill{gap:5px;padding:6px 9px;font-size:9px}.AssistantMockup-module__EzXTEq__classPill span{font-size:8px}.AssistantMockup-module__EzXTEq__assistantPanel{border-radius:14px;width:70%;bottom:70px;left:12px}.AssistantMockup-module__EzXTEq__assistantHead{padding:8px 11px}.AssistantMockup-module__EzXTEq__assistantHead h5{font-size:11px}.AssistantMockup-module__EzXTEq__assistantHead .AssistantMockup-module__EzXTEq__headText span{font-size:8px}.AssistantMockup-module__EzXTEq__assistantHead>svg{width:14px;height:14px}.AssistantMockup-module__EzXTEq__assistantBody{gap:7px;padding:9px}.AssistantMockup-module__EzXTEq__msg{border-radius:11px;padding:7px 9px;font-size:9px;line-height:1.55}.AssistantMockup-module__EzXTEq__assistantTags{gap:4px}.AssistantMockup-module__EzXTEq__assistantTags span{padding:4px 7px;font-size:8px}.AssistantMockup-module__EzXTEq__assistantTrigger{border-radius:11px;width:36px;height:36px;bottom:10px;left:10px}.AssistantMockup-module__EzXTEq__assistantTrigger svg{width:18px;height:18px}}@media (max-width:480px){.AssistantMockup-module__EzXTEq__spacer{display:none}.AssistantMockup-module__EzXTEq__topbar{margin-bottom:8px}.AssistantMockup-module__EzXTEq__featurePill{gap:4px;padding:5px 10px;font-size:9px}.AssistantMockup-module__EzXTEq__featurePill svg{width:11px;height:11px}.AssistantMockup-module__EzXTEq__icons{gap:6px}.AssistantMockup-module__EzXTEq__iconBell,.AssistantMockup-module__EzXTEq__moonIcon{border-radius:7px;width:22px;height:22px}.AssistantMockup-module__EzXTEq__iconBell:after{width:12px;height:12px;font-size:8px;top:-4px;right:-4px}.AssistantMockup-module__EzXTEq__iconBell svg,.AssistantMockup-module__EzXTEq__moonIcon svg{width:11px;height:11px}.AssistantMockup-module__EzXTEq__card{padding:10px}.AssistantMockup-module__EzXTEq__heroBar{gap:6px;padding:8px 10px}.AssistantMockup-module__EzXTEq__heroTitle h3{margin-bottom:2px;font-size:12px}.AssistantMockup-module__EzXTEq__heroTitle p{display:none}.AssistantMockup-module__EzXTEq__heroChip{padding:3px 7px;font-size:8px}.AssistantMockup-module__EzXTEq__weekdays,.AssistantMockup-module__EzXTEq__calendarFoot{display:none}.AssistantMockup-module__EzXTEq__monthLabel{margin-bottom:5px;font-size:10px}.AssistantMockup-module__EzXTEq__panel{padding:8px}.AssistantMockup-module__EzXTEq__panelHeading h4{font-size:11px}.AssistantMockup-module__EzXTEq__assistantTags span:nth-child(n+3){display:none}.AssistantMockup-module__EzXTEq__assistantPanel{width:78%;bottom:56px;left:8px}.AssistantMockup-module__EzXTEq__assistantTrigger{width:32px;height:32px;bottom:8px;left:8px}.AssistantMockup-module__EzXTEq__assistantTrigger svg{width:16px;height:16px}}@keyframes AssistantMockup-module__EzXTEq__cardIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes AssistantMockup-module__EzXTEq__fadeSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes AssistantMockup-module__EzXTEq__panelIn{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes AssistantMockup-module__EzXTEq__floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes AssistantMockup-module__EzXTEq__ring{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.12;transform:scale(1.06)}}@keyframes AssistantMockup-module__EzXTEq__activeDayPulse{0%,to{box-shadow:0 10px 20px #063f3d29}50%{box-shadow:0 12px 26px #063f3d3d,0 0 0 4px #155f5b1a}}@keyframes AssistantMockup-module__EzXTEq__bell{0%,92%,to{transform:rotate(0)}94%{transform:rotate(8deg)}96%{transform:rotate(-8deg)}98%{transform:rotate(5deg)}}