.page-module__8r4qsG__container{max-width:1080px;margin:0 auto;padding:110px 24px 80px}@media (max-width:640px){.page-module__8r4qsG__container{padding:118px 16px 50px}}.page-module__8r4qsG__topNav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-module__8r4qsG__backLink{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.page-module__8r4qsG__backLink:hover{color:var(--accent)}.page-module__8r4qsG__topActions{align-items:center;gap:10px;display:flex}.page-module__8r4qsG__actionIconBtn{background:var(--surface-dark);border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.page-module__8r4qsG__actionIconBtn:hover{border-color:var(--accent)}.page-module__8r4qsG__activeBookmark{color:#8b5cf6!important;background:#8b5cf61a!important;border-color:#8b5cf666!important}.page-module__8r4qsG__header{background:var(--surface-dark);border:1px solid var(--border-light);border-radius:24px;margin-bottom:32px;padding:32px;box-shadow:0 10px 30px #0000000a}.page-module__8r4qsG__badgeRow{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.page-module__8r4qsG__typeBadge,.page-module__8r4qsG__platformBadge,.page-module__8r4qsG__costBadge,.page-module__8r4qsG__diffBadge,.page-module__8r4qsG__timeBadge{background:var(--surface-hover);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.page-module__8r4qsG__freeCost{color:#10b981!important;background:#10b9811a!important;border-color:#10b9814d!important}.page-module__8r4qsG__paidCost{color:#f97316!important;background:#f973161a!important;border-color:#f973164d!important}.page-module__8r4qsG__title{color:var(--text-primary);margin-bottom:14px;font-size:2.2rem;font-weight:800;line-height:1.25}.page-module__8r4qsG__whyText{color:var(--text-secondary);background:#8b5cf60d;border-left:3px solid #8b5cf6;border-radius:0 12px 12px 0;align-items:flex-start;gap:10px;margin:0;padding:12px 16px;font-size:1rem;line-height:1.6;display:flex}.page-module__8r4qsG__bulbIcon{color:#f59e0b;flex-shrink:0;margin-top:2px}.page-module__8r4qsG__progressCard{background:var(--surface-dark);border:1px solid var(--border-light);border-radius:18px;margin-bottom:32px;padding:20px 24px}.page-module__8r4qsG__progressHeader{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.page-module__8r4qsG__progressTitle{color:var(--text-primary);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.page-module__8r4qsG__progressValue{color:#8b5cf6;font-size:.9rem;font-weight:800}.page-module__8r4qsG__progressBarTrack{background:var(--surface-hover);border-radius:999px;width:100%;height:8px;overflow:hidden}.page-module__8r4qsG__progressBarFill{background:linear-gradient(90deg,#8b5cf6,#10b981);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.page-module__8r4qsG__workspaceGrid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px;display:grid}@media (max-width:860px){.page-module__8r4qsG__workspaceGrid{grid-template-columns:1fr}}.page-module__8r4qsG__moduleCard{background:var(--surface-dark);border:1px solid var(--border-light);border-radius:20px;flex-direction:column;gap:16px;padding:28px;display:flex}.page-module__8r4qsG__moduleHeader{align-items:center;gap:10px;display:flex}.page-module__8r4qsG__moduleHeader h2{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:800}.page-module__8r4qsG__moduleDesc{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.5}.page-module__8r4qsG__blueprintBox{background:var(--surface-hover);border:1px solid var(--border-light);border-radius:14px;padding:18px}.page-module__8r4qsG__boxTitle{color:var(--text-primary);margin:0 0 10px;font-size:.88rem;font-weight:700}.page-module__8r4qsG__focusList{color:var(--text-secondary);margin:0 0 14px;padding-left:20px;font-size:.85rem;line-height:1.6}.page-module__8r4qsG__bestForBox{color:var(--text-primary);background:#8b5cf614;border:1px solid #8b5cf633;border-radius:10px;padding:10px 14px;font-size:.82rem}.page-module__8r4qsG__checklistGroup{flex-direction:column;gap:12px;display:flex}.page-module__8r4qsG__checkItem{background:var(--surface-hover);border:1px solid var(--border-light);cursor:pointer;color:var(--text-primary);border-radius:12px;align-items:flex-start;gap:12px;padding:12px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.page-module__8r4qsG__checkItem input{accent-color:#10b981;cursor:pointer;width:18px;height:18px;margin-top:2px}.page-module__8r4qsG__checkDone{color:var(--text-secondary);background:#10b98114;border-color:#10b9814d;text-decoration:line-through}.page-module__8r4qsG__sandboxContainer{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:768px){.page-module__8r4qsG__sandboxContainer{grid-template-columns:1fr}}.page-module__8r4qsG__editorBox,.page-module__8r4qsG__outputBox{background:var(--bg-dark);border:1px solid var(--border-light);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.page-module__8r4qsG__editorHeader,.page-module__8r4qsG__outputHeader{background:var(--surface-hover);color:var(--text-secondary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 16px;font-size:.8rem;font-weight:700;display:flex}.page-module__8r4qsG__runBtn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 12px;font-size:.78rem;font-weight:700;display:flex}.page-module__8r4qsG__codeTextarea{color:#10b981;resize:vertical;background:0 0;border:none;outline:none;width:100%;padding:16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85rem;line-height:1.5}.page-module__8r4qsG__outputText{color:var(--text-primary);white-space:pre-wrap;margin:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85rem}.page-module__8r4qsG__quizList{flex-direction:column;gap:20px;display:flex}.page-module__8r4qsG__quizCard{background:var(--surface-hover);border:1px solid var(--border-light);border-radius:14px;padding:18px}.page-module__8r4qsG__questionTitle{color:var(--text-primary);margin:0 0 12px;font-size:.95rem;font-weight:700}.page-module__8r4qsG__optionsList{flex-direction:column;gap:8px;display:flex}.page-module__8r4qsG__quizOption{background:var(--surface-dark);border:1px solid var(--border-light);color:var(--text-primary);text-align:left;cursor:pointer;border-radius:10px;padding:10px 16px;font-size:.85rem;transition:all .2s}.page-module__8r4qsG__quizOption:hover:not(:disabled){border-color:var(--accent)}.page-module__8r4qsG__optionSelected{font-weight:700;background:#8b5cf626!important;border-color:#8b5cf6!important}.page-module__8r4qsG__optionCorrect{font-weight:700;color:#10b981!important;background:#10b98126!important;border-color:#10b981!important}.page-module__8r4qsG__optionWrong{color:#ef4444!important;background:#ef444426!important;border-color:#ef4444!important}.page-module__8r4qsG__quizActions{margin-top:16px}.page-module__8r4qsG__submitQuizBtn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-size:.9rem;font-weight:700}.page-module__8r4qsG__submitQuizBtn:disabled{opacity:.5;cursor:not-allowed}.page-module__8r4qsG__scoreBanner{color:#10b981;background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-weight:800;display:flex}.page-module__8r4qsG__retryBtn{color:#10b981;cursor:pointer;background:0 0;border:1px solid #10b98166;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;font-size:.8rem;display:flex}.page-module__8r4qsG__prosConsGrid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px;display:grid}@media (max-width:768px){.page-module__8r4qsG__prosConsGrid{grid-template-columns:1fr}}.page-module__8r4qsG__prosBox,.page-module__8r4qsG__consBox{background:var(--surface-dark);border:1px solid var(--border-light);border-radius:18px;padding:24px}.page-module__8r4qsG__prosBox h3,.page-module__8r4qsG__consBox h3{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 14px;font-size:1.05rem;font-weight:800;display:flex}.page-module__8r4qsG__prosBox ul,.page-module__8r4qsG__consBox ul{color:var(--text-secondary);margin:0;padding-left:20px;font-size:.88rem;line-height:1.6}.page-module__8r4qsG__launchFooter{text-align:center;background:var(--surface-dark);border:1px solid var(--border-light);border-radius:24px;padding:40px 24px}.page-module__8r4qsG__launchBtn{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border-radius:14px;align-items:center;gap:10px;padding:16px 36px;font-size:1.1rem;font-weight:800;text-decoration:none;transition:transform .2s;display:inline-flex;box-shadow:0 10px 25px #8b5cf64d}.page-module__8r4qsG__launchBtn:hover{transform:translateY(-2px)}.page-module__8r4qsG__emptyTopicContainer{-webkit-backdrop-filter:blur(16px);background:linear-gradient(#ffffff05 0%,#ffffff01 100%);border:1px solid #ffffff12;border-radius:20px;flex-direction:column;gap:18px;margin-bottom:32px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.page-module__8r4qsG__ambientGlow{filter:blur(35px);pointer-events:none;z-index:0;background:radial-gradient(circle,#f59e0b1f 0%,#8b5cf614 50%,#0000 70%);width:380px;height:100px;position:absolute;top:-30px;left:15%}.page-module__8r4qsG__statusLine{z-index:1;flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:relative}.page-module__8r4qsG__statusPulseDot{background:#f59e0b;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite page-module__8r4qsG__statusPulse;box-shadow:0 0 10px #f59e0b,0 0 18px #f59e0b80}@keyframes page-module__8r4qsG__statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.page-module__8r4qsG__statusText{color:#fbbf24;letter-spacing:-.01em;align-items:center;gap:6px;font-size:1.05rem;font-weight:700;display:inline-flex}.page-module__8r4qsG__actionButtonsRow{z-index:1;flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:relative}.page-module__8r4qsG__actionBtnAmber{color:#f59e0b;cursor:pointer;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 10px #f59e0b14}.page-module__8r4qsG__actionBtnAmber:hover{color:#0f172a;background:#f59e0b;border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 6px 18px #f59e0b40}.page-module__8r4qsG__actionBtnGlass{color:#f1f5f9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.page-module__8r4qsG__actionBtnGlass:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-2px)}.page-module__8r4qsG__actionBtnPurple{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:1px solid #8b5cf666;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #8b5cf640}.page-module__8r4qsG__actionBtnPurple:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 22px #8b5cf666}.page-module__8r4qsG__actionBtnSubscribed{color:#10b981;cursor:default;background:#10b98126;border:1px solid #10b98166;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:700;display:inline-flex}.page-module__8r4qsG__actionBtnEmerald{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #10b98140}.page-module__8r4qsG__actionBtnEmerald:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 22px #10b98159}.page-module__8r4qsG__actionBtnBack{color:#94a3b8;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.page-module__8r4qsG__actionBtnBack:hover{color:#f8fafc;background:#ffffff0f;border-color:#ffffff29;transform:translateY(-2px)}.page-module__8r4qsG__actionToastPill{z-index:1;color:#10b981;background:#10b9811f;border:1px solid #10b9814d;border-radius:12px;align-items:center;gap:8px;width:fit-content;padding:10px 16px;font-size:.86rem;font-weight:700;animation:.25s ease-out page-module__8r4qsG__fadeInToast;display:inline-flex;position:relative}.page-module__8r4qsG__toastCheckIcon{color:#10b981;flex-shrink:0}@keyframes page-module__8r4qsG__fadeInToast{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}