.demo-hero{padding:85px max(5vw,24px);display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end;background:linear-gradient(135deg,#fff 55%,#f3f4fb 55%)}.demo-hero h1{font-size:clamp(52px,6vw,84px)}.sample-counts{display:grid;gap:10px}.sample-counts span{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;align-items:center;gap:16px;font-size:11px;color:var(--muted);box-shadow:0 10px 30px #26304c0b}.sample-counts b{font-size:27px;color:var(--indigo)}.full-demo{padding:100px max(5vw,24px);background:var(--bg)}.demo-tabs{display:flex;justify-content:center;gap:8px;margin:40px 0 18px}.demo-tabs button{border:0;border-radius:10px;background:#e6e8f0;color:#596274;padding:12px 18px;font-size:10px;font-weight:850;cursor:pointer}.demo-tabs button.active{background:var(--indigo);color:#fff}.demo-tabs span{display:inline-grid;place-items:center;margin-left:8px;width:20px;height:20px;border-radius:50%;background:#ffffff22}.app-demo{max-width:880px;margin:auto;background:#f6f7fb;border:1px solid #dde2ea;border-radius:26px;overflow:hidden;box-shadow:0 28px 75px #26304c1a}.demo-appbar{height:62px;padding:0 20px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.demo-appbar>button{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:22px}.demo-appbar>b{font-size:14px}.demo-appbar>span{justify-self:end;font-size:8px;color:#768092}.demo-bottom{height:62px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.demo-bottom span{display:grid;justify-items:center;gap:3px;color:#9aa2af;font-size:14px}.demo-bottom small{font-size:6px}.demo-bottom .active{color:var(--indigo)}#demoStage{min-height:570px;padding:28px;display:grid;place-items:center}.session,.flash-session{width:min(680px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 14px 40px #26304c10}.session-progress{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:22px}.session-progress span{font-size:9px;font-weight:800}.session-progress b{font-size:8px;color:#737d8d}.session-progress>i{grid-column:1/-1;height:6px;background:#e7e9ef;border-radius:99px}.session-progress em{display:block;height:100%;background:var(--indigo);border-radius:99px}.question-label{font-size:7px;letter-spacing:1px;color:var(--indigo);font-weight:900}.session h3{font-size:18px;line-height:1.45;margin:10px 0 22px}.session-answers{display:grid;gap:9px}.session-answers button{min-height:52px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:10px;text-align:left;display:flex;align-items:center;gap:12px;font-size:10px;cursor:pointer}.session-answers button>b{flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#eff1ff;color:var(--indigo);display:grid;place-items:center}.session-answers button.correct{background:#ebf8f1;border-color:#53ad7e}.session-answers button.wrong{background:#fff0ed;border-color:#db7568}.session-answers button.selected{background:#eef2ff;border:2px solid var(--indigo)}.session-feedback{padding:13px;margin-top:11px;border-radius:11px;background:#ebf8f1;border:1px solid #b9e4ce}.session-feedback b{font-size:10px}.session-feedback p{font-size:9px;line-height:1.5;margin:4px 0}.session-controls{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.session-controls span{font-size:8px;color:#778192}.session-controls button,.session-result button{border:0;border-radius:9px;background:var(--indigo);color:#fff;padding:11px 15px;font-size:9px;font-weight:800}.session-controls button:disabled{background:#d4d7df}.exam-head{margin:-26px -26px 22px;padding:15px 20px;border-radius:22px 22px 0 0;background:#171a2d;color:#fff;display:flex;justify-content:space-between}.exam-head>span{font-size:8px;letter-spacing:.8px}.exam-head b{font-size:11px}.exam-head small{display:block;font-size:5px;color:#aeb6c7}.demo-flashcard{width:100%;min-height:345px;border:0;border-radius:22px;background:linear-gradient(145deg,#4f46e5,#3730a3);color:#fff;padding:32px;text-align:left;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 16px 35px #4f46e535}.demo-flashcard.flipped{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 16px 35px #26304c14}.demo-flashcard small{align-self:flex-start;background:#ffffff18;border-radius:99px;padding:7px 10px;font-size:7px}.demo-flashcard.flipped small{background:#eff1ff;color:var(--indigo)}.demo-flashcard em{font-style:normal;font-size:8px;letter-spacing:1px;margin-top:58px}.demo-flashcard h3{font-size:26px;line-height:1.3;margin:11px 0}.demo-flashcard span{font-size:8px;margin-top:auto}.card-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.card-controls button{border:1px solid var(--line);border-radius:11px;background:#fff;padding:12px;font-size:9px;font-weight:800}.card-controls .got{background:var(--indigo);color:#fff;border-color:var(--indigo)}.session-result{text-align:center}.session-result>span{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;margin:auto;background:#e8f7ef;color:#219260;font-size:22px}.session-result h3{font-size:24px}.session-result strong{display:block;font-size:50px;color:var(--indigo)}.session-result p{font-size:11px;color:var(--muted);margin:12px 0 20px}@media(max-width:800px){.demo-hero{grid-template-columns:1fr}.sample-counts{grid-template-columns:repeat(3,1fr)}.sample-counts span{display:grid}}@media(max-width:620px){.demo-hero,.full-demo{padding:65px 18px}.sample-counts{grid-template-columns:1fr}.demo-tabs{justify-content:flex-start;overflow:auto}.demo-tabs button{white-space:nowrap}#demoStage{padding:12px;min-height:590px}.session,.flash-session{padding:18px}.exam-head{margin:-18px -18px 20px}.session h3{font-size:15px}.session-answers button{font-size:8px}.demo-flashcard h3{font-size:21px}}