@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap");:root{--bg:#fff5ed;--surface:#fff;--surface2:#fff0e5;--border:#e8d5c4;--text:#1c1410;--text2:#6b5040;--text3:#a08878;--green:#00896f;--green-bg:rgba(0,137,111,.08);--green-border:rgba(0,137,111,.28);--amber:#b8780a;--purple:#5e4dc4;--purple-bg:rgba(94,77,196,.08);--blue:#2468c4;--blue-bg:rgba(36,104,196,.08);--red:#c43030;--font:"Plus Jakarta Sans",sans-serif;--mono:"JetBrains Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}.wrap{max-width:860px;margin:0 auto;padding:2rem 1.5rem 4rem}.nav-wrap{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--bg);padding-top:.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:.35rem}.nav{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none;flex:1 1;min-width:0}.nav::-webkit-scrollbar{display:none}.nav-arrow{flex-shrink:0;width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text2);font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.nav-arrow:hover{border-color:var(--text3);color:var(--text);background:var(--surface)}.nav-btn{flex-shrink:0;padding:.55rem 1rem;border-radius:9px;font-family:var(--font);font-size:.76rem;font-weight:600;border:1px solid var(--border);background:transparent;color:var(--text2);cursor:pointer;transition:all .2s;text-decoration:none}.nav-btn:hover{border-color:var(--text3);color:var(--text)}.nav-btn.active{background:var(--green);border-color:var(--green);color:#000}.nav-btn.locked{opacity:.35;cursor:not-allowed;pointer-events:none}.nav-btn.paywall{opacity:.6;cursor:pointer}.nav-btn.paywall:after{content:" 💳";font-size:.65rem}.progress-row{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:.9rem 1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.progress-row .bar{flex:1 1;height:6px;background:var(--surface2);border-radius:99px;overflow:hidden}.progress-row .fill{height:100%;background:linear-gradient(90deg,var(--green),var(--amber));border-radius:99px;transition:width .5s ease}.progress-row .label{font-family:var(--mono);font-size:.8rem;color:var(--green);min-width:50px;text-align:right}.hero{padding:2.5rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:1.5rem;position:relative;overflow:hidden}.hero:after{top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(159,143,239,.06) 0,transparent 70%)}.hero:after,.hero:before{content:"";position:absolute;pointer-events:none}.hero:before{bottom:-40px;left:-40px;width:160px;height:160px;background:radial-gradient(circle,var(--green-bg) 0,transparent 70%)}.hero-label{font-family:var(--mono);font-size:.68rem;font-weight:700;color:var(--purple);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:.75rem}.hero h1{font-size:1.5rem;font-weight:700;letter-spacing:-.4px;margin-bottom:.5rem}.hero p{color:var(--text2);font-size:.88rem;max-width:620px;margin-bottom:.35rem}.intro-bar{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.4rem;margin-bottom:2.5rem;font-size:.84rem;color:var(--text2);line-height:1.7}.intro-bar strong{color:var(--text);font-weight:600}.context-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem 1.75rem;margin-bottom:1.75rem}.ctx-label{font-family:var(--mono);font-size:.65rem;font-weight:700;color:var(--green);letter-spacing:2px;text-transform:uppercase;margin-bottom:.75rem}.context-box h2{font-size:1.1rem;font-weight:700;margin-bottom:.85rem;letter-spacing:-.2px}.context-box h3{font-size:.92rem;font-weight:700;color:var(--text);margin:1rem 0 .5rem;letter-spacing:-.1px}.context-box p{font-size:.87rem;color:var(--text);margin-bottom:.7rem}.context-box p:last-child{margin-bottom:0}.context-box strong{color:var(--amber);font-weight:600}.context-box em{color:var(--purple);font-style:normal;font-weight:500}.context-box code{font-family:var(--mono);font-size:.78rem;background:var(--surface2);padding:.15rem .45rem;border-radius:4px;color:var(--blue)}.takeaways{background:var(--green-bg);border:1px solid var(--green);border-radius:14px;padding:1.5rem 1.75rem;margin-bottom:1.75rem}.takeaways-label{font-family:var(--mono);font-size:.65rem;font-weight:700;color:var(--green);letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem}.takeaways-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}.takeaways-list li{font-size:.87rem;color:var(--text);padding-left:1.25rem;position:relative;line-height:1.6}.takeaways-list li:before{content:"→";position:absolute;left:0;color:var(--green);font-weight:700}.analogy{background:var(--purple-bg);border-left:3px solid var(--purple);padding:.75rem 1rem;border-radius:0 8px 8px 0;font-size:.84rem;color:var(--text);margin:.75rem 0}.analogy:before{content:"🔑 ";font-weight:700}.keypoint{background:var(--green-bg);border-left:3px solid var(--green);padding:.75rem 1rem;border-radius:0 8px 8px 0;font-size:.84rem;color:var(--text);margin:.75rem 0}.tree{background:var(--surface2);border-radius:10px;padding:1rem 1.25rem;font-family:var(--mono);font-size:.78rem;line-height:1.9;color:var(--text2);margin:.75rem 0;overflow-x:auto;white-space:pre}.tree strong{color:var(--amber);font-weight:700}.tree em{color:var(--green);font-style:normal}.qa{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:.65rem;overflow:hidden;transition:border-color .3s}.qa.done-yes{border-color:var(--green-border)}.qa.done-no{border-color:hsla(0,80%,68%,.2)}.qa-header{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s}.qa-header:hover{background:var(--surface2)}.qa-num{font-family:var(--mono);font-size:.68rem;font-weight:700;color:var(--text3);min-width:26px;padding-top:2px}.qa-question{flex:1 1;font-size:.9rem;font-weight:500}.qa-toggle{font-size:.72rem;color:var(--text3);padding-top:3px;transition:transform .2s}.qa.open .qa-toggle{transform:rotate(180deg)}.qa-body{display:none;padding:0 1.25rem 1.1rem calc(1.25rem + 26px + .75rem)}.qa.open .qa-body{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.qa-divider{height:1px;background:var(--border);margin-bottom:.85rem}.qa-answer{font-size:.86rem;color:var(--text);line-height:1.85}.qa-answer strong{color:var(--amber);font-weight:600}.qa-answer em{color:var(--blue);font-style:normal}.qa-answer code{font-family:var(--mono);font-size:.78rem;background:var(--surface2);padding:.12rem .4rem;border-radius:4px;color:var(--blue)}.qa-check{display:flex;gap:.4rem;margin-top:.85rem}.qa-check button{flex:1 1;padding:.5rem;border-radius:8px;border:1px solid var(--border);background:transparent;font-family:var(--font);font-size:.76rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-yes{color:var(--green)}.btn-yes.sel,.btn-yes:hover{background:var(--green-bg);border-color:var(--green-border)}.btn-no{color:var(--red)}.btn-no.sel,.btn-no:hover{background:hsla(0,80%,68%,.07);border-color:hsla(0,80%,68%,.2)}.quiz-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem 1.75rem;margin-top:2rem}.quiz-label{font-family:var(--mono);font-size:.65rem;font-weight:700;color:var(--amber);letter-spacing:2px;text-transform:uppercase;margin-bottom:.75rem}.quiz-title{font-size:1rem;font-weight:700;margin-bottom:.3rem}.quiz-sub{font-size:.82rem;color:var(--text2)}.quiz-q,.quiz-sub{margin-bottom:1.25rem}.quiz-q-text{font-size:.88rem;font-weight:600;margin-bottom:.65rem}.quiz-opt{display:block;width:100%;text-align:left;padding:.65rem 1rem;margin-bottom:.4rem;border-radius:9px;border:1px solid var(--border);background:transparent;color:var(--text);font-family:var(--font);font-size:.84rem;cursor:pointer;transition:all .2s;line-height:1.5}.quiz-opt:hover:not(.locked){border-color:var(--text3);background:var(--surface2)}.quiz-opt.selected{border-color:var(--blue);background:var(--blue-bg);color:var(--blue);font-weight:600}.quiz-opt.correct{border-color:var(--green);background:var(--green-bg);color:var(--green);font-weight:600}.quiz-opt.wrong{border-color:var(--red);background:hsla(0,80%,68%,.07);color:var(--red);font-weight:600;opacity:.7}.quiz-opt.locked{cursor:default;opacity:.7}.quiz-opt.correct.locked{opacity:1}.quiz-submit{display:block;width:100%;padding:.75rem;border-radius:10px;border:none;background:linear-gradient(135deg,var(--green),#00a88e);color:#000;font-family:var(--font);font-size:.88rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:.5rem}.quiz-submit:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,201,167,.25)}.quiz-submit:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.quiz-result{margin-top:1.25rem;padding:1rem 1.25rem;border-radius:10px;font-size:.88rem;font-weight:600;text-align:center}.quiz-result.pass{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green)}.quiz-result.fail{background:hsla(0,80%,68%,.07);border:1px solid hsla(0,80%,68%,.2);color:var(--red)}.quiz-result .score{font-family:var(--mono);font-size:1.1rem;display:block;margin-bottom:.3rem}.quiz-next{display:inline-block;margin-top:.75rem;padding:.55rem 1.5rem;border-radius:8px;border:none;background:var(--green);color:#000;font-family:var(--font);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s}.quiz-next:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,201,167,.25)}.quiz-retry{display:inline-block;margin-top:.75rem;padding:.55rem 1.5rem;border-radius:8px;border:1px solid var(--red);background:transparent;color:var(--red);font-family:var(--font);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s}.quiz-retry:hover{background:hsla(0,80%,68%,.07)}.goto-quiz{display:block;width:100%;margin-top:2rem;padding:1rem;border-radius:12px;border:1px solid var(--amber);background:rgba(240,180,41,.06);color:var(--amber);font-family:var(--font);font-size:.92rem;font-weight:700;cursor:pointer;transition:all .25s;text-align:center;letter-spacing:.2px}.goto-quiz:hover{background:rgba(240,180,41,.12);transform:translateY(-1px);box-shadow:0 4px 16px rgba(240,180,41,.15)}.report-issue-wrap{text-align:center;margin-top:1.25rem}.report-issue-link{font-size:.78rem;color:var(--text3);text-decoration:none;border-bottom:1px dashed var(--border);padding-bottom:1px;transition:color .2s}.report-issue-link:hover{color:var(--text2)}.lang-bar{display:flex;justify-content:flex-end;margin-bottom:1rem;position:relative;z-index:20;gap:.6rem;align-items:center}.lang-toggle{display:flex;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.lang-btn{padding:.4rem .85rem;font-family:var(--font);font-size:.74rem;font-weight:600;border:none;background:transparent;color:var(--text3);cursor:pointer;transition:all .2s;border-right:1px solid var(--border)}.lang-btn:last-child{border-right:none}.lang-btn:hover{color:var(--text);background:var(--surface2)}.lang-btn.active{background:var(--purple);color:#fff}.auth-btn{padding:.4rem .85rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text2);font-family:var(--font);font-size:.74rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem;white-space:nowrap}.auth-btn:hover{border-color:var(--purple);color:var(--purple)}.auth-btn.signed-in{color:var(--green);border-color:var(--green-border)}.auth-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.paywall-wrap{max-width:540px;margin:3rem auto;padding:0 1.5rem}.paywall-tag{font-family:var(--mono);font-size:.65rem;color:var(--amber);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:1rem}.paywall-tag,.paywall-title{font-weight:700;text-align:center}.paywall-title{font-size:1.6rem;letter-spacing:-.4px;margin-bottom:.75rem;line-height:1.3}.paywall-desc{font-size:.9rem;color:var(--text2);text-align:center;margin-bottom:2.5rem;line-height:1.75}.plan-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.plan-card{background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:1.5rem 1.25rem;cursor:pointer;transition:all .2s;position:relative}.plan-card:hover{border-color:var(--text3)}.plan-card.selected{border-color:var(--green);background:var(--green-bg)}.plan-card.featured{border-color:var(--purple)}.plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--purple);color:#fff;font-size:.6rem;padding:.2rem .65rem;border-radius:99px;letter-spacing:1px;white-space:nowrap}.plan-badge,.plan-price{font-family:var(--mono);font-weight:700}.plan-price{font-size:2rem;color:var(--text);margin-bottom:.2rem}.plan-label{font-size:.78rem;font-weight:700;color:var(--text2);margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.5px}.plan-desc{font-size:.8rem;color:var(--text3);line-height:1.6}.paywall-input{width:100%;padding:.7rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:var(--font);font-size:.88rem;margin-bottom:1rem;outline:none;transition:border-color .2s}.paywall-input:focus{border-color:var(--purple)}.paywall-input::placeholder{color:var(--text3)}.btn-pay{display:block;width:100%;padding:.9rem;border-radius:12px;border:none;background:linear-gradient(135deg,var(--green),#00a88e);color:#000;font-family:var(--font);font-size:.95rem;font-weight:700;cursor:pointer;transition:all .25s}.btn-pay:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,201,167,.3)}.btn-pay:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.paywall-note{font-size:.75rem;color:var(--text3);text-align:center;margin-top:.75rem}.success-wrap{max-width:480px;margin:5rem auto;padding:0 1.5rem;text-align:center}.success-icon{font-size:3rem;margin-bottom:1.25rem}.success-title{font-size:1.5rem;font-weight:700;margin-bottom:.6rem}.success-desc{font-size:.9rem;color:var(--text2);margin-bottom:2rem;line-height:1.75}.btn-primary{display:inline-block;padding:.8rem 2rem;border-radius:10px;border:none;background:linear-gradient(135deg,var(--green),#00a88e);color:#000;font-family:var(--font);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,201,167,.25)}.home-page{max-width:860px;margin:0 auto;padding:0 1.5rem 5rem}.hp-hero{text-align:center;padding:4rem 1rem 3.5rem;position:relative;overflow:hidden}.hp-hero-dot-pattern{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.25}.hp-hero-circle-tr{top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;border:2px solid hsla(27,46%,60%,.15)}.hp-hero-circle-bl,.hp-hero-circle-tr{position:absolute;pointer-events:none;z-index:0}.hp-hero-circle-bl{bottom:-40px;left:-40px;width:140px;height:140px;border-radius:50%;border:2px solid rgba(0,128,107,.1)}.hp-hero-content{position:relative;z-index:1}.hp-badge{display:inline-flex;align-items:center;gap:8px;background:hsla(27,46%,60%,.15);padding:6px 16px;border-radius:20px;margin-bottom:1.25rem}.hp-badge-text{font-size:11px;font-weight:500;letter-spacing:2px;color:#996b3d;text-transform:uppercase}.hp-title{font-size:clamp(4rem,9vw,5.5rem);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:1.25rem;color:var(--text)}.hp-title-accent{color:var(--green)}.hp-desc{font-size:.97rem;color:var(--text2);max-width:480px;margin:0 auto 2rem;line-height:1.8}.hp-creator{font-size:.78rem;color:var(--text3);margin-bottom:2rem}.hp-creator-link{color:var(--text3);text-decoration:none;border-bottom:1px solid var(--border);transition:color .15s,border-color .15s}.hp-creator-link:hover{color:var(--text2);border-color:var(--text3)}.hp-stats{display:flex;align-items:stretch;justify-content:center;margin-bottom:2.25rem}.hp-stat{display:flex;flex-direction:column;align-items:center;padding:16px 28px}.hp-stat:not(:last-child){border-right:1px solid hsla(27,46%,60%,.2)}.hp-stat-icon-box{width:40px;height:40px;border-radius:10px;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.hp-stat-num{font-family:var(--mono);font-size:1.4rem;font-weight:700;color:var(--green)}.hp-stat-label{font-size:.7rem;color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin-top:.15rem}.btn-start{display:inline-flex;align-items:center;gap:8px;padding:16px 40px;border-radius:30px;border:none;background:linear-gradient(135deg,var(--green),#00a88e);color:#fff;font-family:var(--font);font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;letter-spacing:.1px}.btn-start:hover{transform:scale(1.03);box-shadow:0 8px 28px rgba(0,137,111,.35)}.hp-divider{display:flex;align-items:center;gap:16px;margin:2.5rem 0 1.5rem}.hp-divider-line{flex:1 1;height:1px;background:linear-gradient(90deg,transparent,hsla(27,46%,60%,.3),transparent)}.hp-divider-center{display:flex;align-items:center;gap:7px;white-space:nowrap}.hp-divider-text{font-size:11px;font-weight:500;letter-spacing:2px;color:#996b3d;text-transform:uppercase}.hp-topics{padding:0 0 2rem}.hp-topics-title{font-size:1.35rem;font-weight:700;color:var(--text);letter-spacing:-.3px;text-align:center;margin-bottom:2rem}.hp-grid{display:flex;flex-direction:column;gap:.75rem}.hp-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:2.25rem 2.5rem;cursor:default;display:flex;align-items:center;gap:2rem;transition:opacity .25s}.hp-grid:has(.hp-card:hover) .hp-card:not(:hover){opacity:.4}.hp-card-emoji{font-size:2.5rem;line-height:1;flex-shrink:0}.hp-card-num{font-family:var(--mono);font-size:.8rem;font-weight:700;color:var(--text3);letter-spacing:1.5px;flex-shrink:0;min-width:24px}.hp-card-body{flex:1 1;min-width:0}.hp-card-title{font-size:1.2rem;font-weight:700;color:var(--text);letter-spacing:-.2px}.hp-card-desc{font-size:.85rem;color:var(--text3);line-height:1.5;max-height:0;overflow:hidden;opacity:0;margin-top:0;transition:max-height .25s ease,opacity .2s ease,margin-top .2s ease}.hp-card:hover .hp-card-desc{max-height:3rem;opacity:1;margin-top:.3rem}.hp-cta{text-align:center;padding:3rem 1rem 1rem;border-top:1px solid var(--border);margin-top:1rem}.hp-cta-text{font-size:.88rem;color:var(--text3);margin-bottom:1.25rem}@media (max-width:600px){.hp-hero{padding:2.5rem .5rem 2rem}.hp-stats{gap:1rem}.hp-card-desc{max-height:none;opacity:1;margin-top:.3rem}.hp-grid:has(.hp-card:hover) .hp-card:not(:hover){opacity:1}}.diagram-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem 1rem;margin-bottom:1.25rem;overflow:hidden}.diagram-caption{font-size:.78rem;color:var(--text3);text-align:center;margin-top:.6rem;font-style:italic}.video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;border:1px solid var(--border);margin-bottom:1.25rem}.video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.inline-q{margin-bottom:1.5rem}.inline-mcq{background:var(--surface);border-left:1px solid var(--purple);border-radius:12px;padding:1.25rem 1.5rem;border:1px solid var(--purple);border-left-width:4px}.inline-reflect{background:var(--green-bg);border-radius:12px;padding:1.25rem 1.5rem;border:1px solid var(--green-border);border-left:4px solid var(--green)}.inline-q-label{font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.6rem;color:var(--purple)}.inline-reflect .inline-q-label{color:var(--green)}.inline-optional{font-weight:400;opacity:.7;text-transform:none;letter-spacing:0;font-family:var(--font)}.inline-q-text{font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:.85rem;line-height:1.5}.inline-mcq-opts{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem}.inline-opt{text-align:left;padding:.6rem 1rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);font-family:var(--font);font-size:.84rem;cursor:pointer;transition:all .18s;line-height:1.5}.inline-opt-selected,.inline-opt:hover{border-color:var(--purple);background:var(--purple-bg)}.inline-opt-selected{color:var(--purple);font-weight:600}.inline-opt-correct{border-color:var(--green)!important;background:var(--green-bg)!important;color:var(--green)!important;font-weight:600;cursor:default}.inline-opt-wrong{border-color:var(--red)!important;background:rgba(196,48,48,.07)!important;color:var(--red)!important;opacity:.75;cursor:default}.inline-opt-disabled{opacity:.45;cursor:default}.inline-mcq-feedback{font-size:.84rem;font-weight:600;margin-top:.5rem;padding:.5rem .75rem;border-radius:7px}.inline-mcq-feedback.correct{color:var(--green);background:var(--green-bg)}.inline-mcq-feedback.wrong{color:var(--red);background:rgba(196,48,48,.07)}.inline-reflect-input{width:100%;padding:.7rem 1rem;border-radius:8px;border:1px solid var(--green-border);background:var(--surface);color:var(--text);font-family:var(--font);font-size:.86rem;line-height:1.6;resize:vertical;outline:none;transition:border-color .2s}.inline-reflect-input:focus{border-color:var(--green)}.inline-reflect-input::placeholder{color:var(--text3)}.footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);font-size:.78rem;color:var(--text3)}@media (max-width:600px){.wrap{padding:1rem 1rem 3rem}.hero{padding:1.5rem 1.25rem}.hero h1{font-size:1.2rem}.context-box{padding:1.2rem 1.1rem}.qa-header{padding:.85rem 1rem}.plan-cards{grid-template-columns:1fr}.paywall-title{font-size:1.3rem}}.bmc-btn{position:fixed;bottom:1.25rem;right:1.25rem;z-index:50;display:flex;align-items:center;gap:.4rem;padding:.45rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:99px;font-size:.76rem;font-family:var(--font);font-weight:600;color:var(--text3);text-decoration:none;transition:all .2s;box-shadow:0 2px 10px rgba(0,0,0,.07)}.bmc-btn:hover{background:#ffd93d;color:#1a1a1a;border-color:#ffd93d;box-shadow:0 4px 16px rgba(255,217,61,.35)}