*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f5f5f3;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:Inter,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.navbar{background:#0c447c;height:58px;position:sticky;top:0;z-index:100}.navbar,.navbar-inner{align-items:center;display:flex}.navbar-inner{justify-content:space-between;margin:0 auto;max-width:960px;padding:0 32px;width:100%}.nav-brand{gap:10px;text-decoration:none}.nav-brand,.nav-logo{align-items:center;display:flex}.nav-logo{background:#5dcaa5;border-radius:8px;flex-shrink:0;height:32px;justify-content:center;width:32px}.nav-brand-col{display:flex;flex-direction:column}.nav-company{color:#fff;font-size:16px;font-weight:500;line-height:1.2}.nav-product-tag{color:#ffffff80;font-weight:400}.nav-tagline{color:#ffffff73;font-size:10px;letter-spacing:.3px}.nav-links{align-items:center;display:flex;gap:24px}.nav-link{color:#fff9;font-size:13px;text-decoration:none;transition:color .15s}.nav-link:hover{color:#fff}.nav-link.active{color:#fff;font-weight:500}@media (max-width:640px){.navbar-inner{padding:0 16px}.nav-links,.nav-tagline{display:none}}.home{background:#f5f5f3;min-height:100vh}.hero{background:#0c447c;padding:48px 32px 40px}.hero-inner{margin:0 auto;max-width:960px}.hero-title{color:#fff;font-size:32px;font-weight:500;line-height:1.3;max-width:600px}.hero-sub{color:#fff9;font-size:15px;line-height:1.65;margin-top:10px;max-width:520px}.search-wrap{margin-top:20px;max-width:480px}.search-input{background:#fff;border:none;border-radius:8px;color:#888;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:12px 16px;width:100%}.page{margin:0 auto;max-width:960px;padding:24px 32px 48px}.cat-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.cat-pill{border:1.5px solid #0000;border-radius:20px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:border-color .15s}.cat-pill-active{border-color:currentColor}.two-col{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1.65fr 1fr}.sec-head{margin-bottom:12px}.sec-title{color:#888;font-size:11px;font-weight:500;letter-spacing:.8px;text-transform:uppercase}.featured-card{background:#fff;border:.5px solid #e8e8e6;border-radius:12px;display:block;margin-bottom:8px;padding:20px 24px;text-decoration:none;transition:border-color .15s}.featured-card:hover{border-color:#0c447c}.featured-tag{background:#e6f1fb;border-radius:4px;color:#0c447c;display:inline-block;font-size:10px;font-weight:500;letter-spacing:.5px;margin-bottom:10px;padding:3px 10px}.featured-title{color:#1a1a1a;font-size:18px;font-weight:500;line-height:1.4;margin-bottom:8px}.featured-desc{color:#666;font-size:13px;line-height:1.6;margin-bottom:12px}.featured-meta{align-items:center;color:#888;display:flex;font-size:12px;gap:6px}.fmeta-dot{border-radius:50%;display:inline-block;height:6px;width:6px}.topic-list{display:flex;flex-direction:column;gap:8px}.topic-row{align-items:center;background:#fff;border:.5px solid #e8e8e6;border-radius:12px;display:flex;gap:14px;padding:13px 16px;text-decoration:none;transition:border-color .15s}.topic-row:hover{border-color:#ccc}.topic-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.topic-info{flex:1 1;min-width:0}.topic-name{color:#1a1a1a;font-size:13px;font-weight:500}.topic-desc{color:#888;font-size:12px;margin-top:2px}.topic-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.topic-time{color:#aaa;font-size:11px}.topic-arrow{color:#ccc;font-size:14px}.tool-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.tool-card{align-items:center;background:#fff;border:.5px solid #e8e8e6;border-radius:12px;display:flex;gap:12px;padding:13px 16px;text-decoration:none;transition:border-color .15s}.tool-card:hover{border-color:#ccc}.tool-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.tool-info{flex:1 1}.tool-name{color:#1a1a1a;font-size:13px;font-weight:500}.tool-sub{color:#888;font-size:11px;margin-top:2px}.tool-arrow{color:#ccc;flex-shrink:0;font-size:14px}.trap-card{background:#fcebeb;border:.5px solid #f09595;border-radius:12px;display:block;margin-bottom:14px;padding:16px;text-decoration:none}.trap-header{gap:10px;margin-bottom:10px}.trap-header,.trap-icon{align-items:center;display:flex}.trap-icon{background:#f7c1c1;border-radius:8px;flex-shrink:0;height:34px;justify-content:center;width:34px}.trap-title{color:#791f1f;font-size:13px;font-weight:500}.trap-week{color:#a32d2d;font-size:10px;margin-top:1px}.trap-desc{color:#a32d2d;font-size:12px;line-height:1.6;margin-bottom:8px}.trap-cta{color:#791f1f;font-size:12px;font-weight:500}.about-card{background:#f0f0ee;background:var(--color-background-secondary,#f0f0ee);border:.5px solid #e8e8e6;border-radius:12px;margin-top:14px;padding:16px 18px}.about-title{color:#1a1a1a;font-size:13px;font-weight:500;margin-bottom:6px}.about-text{color:#666;font-size:12px;line-height:1.6}.footer{align-items:center;background:#f0f0ee;border-top:.5px solid #e8e8e6;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:14px 32px}.footer-left{color:#999;font-size:12px}.footer-right{display:flex;gap:16px}.footer-link{color:#999;cursor:pointer;font-size:12px}@media (max-width:768px){.hero{padding:32px 16px 28px}.hero-title{font-size:24px}.page{padding:16px 16px 40px}.two-col{grid-template-columns:1fr}.footer{align-items:flex-start;flex-direction:column;padding:14px 16px}}.lesson-page{background:#f5f5f3;min-height:100vh}.lesson-not-found{padding:60px;text-align:center}.lesson-not-found a{color:#0c447c}.lesson-topbar{background:#0c447c;padding:12px 32px}.lesson-topbar-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:800px}.lesson-meta-top{align-items:center;display:flex;gap:12px}.layer-badge{background:#ffffff1f;border-radius:4px;color:#fffc;font-size:11px;padding:3px 10px}.lesson-num{color:#ffffff8c;font-size:12px}.lesson-inner{margin:0 auto;max-width:800px;padding:40px 32px 80px}.lesson-header{margin-bottom:36px}.lesson-dots{align-items:center;color:#888;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;margin-bottom:12px}.ldot{border-radius:50%;display:inline-block;height:6px;width:6px}.done-badge{background:#eaf3de;border-radius:4px;color:#27500a;font-size:11px;font-weight:500;padding:2px 8px}.lesson-title{color:#1a1a1a;font-size:32px;font-weight:500;line-height:1.3;margin-bottom:14px}.lesson-intro{color:#555;font-size:16px;line-height:1.7}.lesson-body{display:flex;flex-direction:column;gap:28px}.section-heading{color:#1a1a1a;font-size:19px;font-weight:500;margin-bottom:10px}.section-body{color:#444;font-size:15px;line-height:1.75}.viz-box{background:#fff;border:.5px solid #e8e8e6;border-radius:12px;padding:20px 24px}.viz-title{color:#1a1a1a;font-size:13px;font-weight:500;margin-bottom:4px}.viz-subtitle{color:#888;font-size:12px;margin-bottom:16px}.viz-note{color:#aaa;font-size:11px;margin-top:12px}.bar-row{align-items:center;display:flex;gap:12px;margin-bottom:10px}.bar-label{color:#666;flex-shrink:0;font-size:12px;width:200px}.bar-track{background:#f5f5f3;border-radius:6px;flex:1 1;height:28px;overflow:hidden}.bar-fill{align-items:center;border-radius:6px;display:flex;height:100%;min-width:40px;padding-left:10px;transition:width .6s ease}.bar-inflation{background:#0000!important;border:2px dashed #e24b4a;position:relative}.bar-val{color:#fff;font-size:11px;font-weight:500}.bar-inflation .bar-val{color:#e24b4a}.risk-legend{color:#666;display:flex;font-size:12px;gap:16px;margin-bottom:12px}.legend-dot{border-radius:50%;display:inline-block;height:8px;margin-right:4px;width:8px}.risk-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.risk-label{color:#555;flex-shrink:0;font-size:12px;width:160px}.risk-bars{display:flex;flex:1 1;flex-direction:column;gap:3px}.mini-track{background:#f5f5f3;border-radius:3px;height:10px;overflow:hidden}.mini-fill{border-radius:3px;height:100%}.risk-ret{color:#1a1a1a;font-size:12px;font-weight:500;text-align:right;width:60px}.emergency-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.em-card{border-radius:8px;padding:14px}.em-min{background:#e6f1fb}.em-ideal{background:#eaf3de}.em-label{color:#555;font-size:11px}.em-amount,.em-label{font-weight:500;margin-bottom:4px}.em-amount{color:#1a1a1a;font-size:24px}.em-desc{color:#666;font-size:11px;line-height:1.4}.em-months{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(6,1fr)}.em-month{border-radius:6px;padding:8px 6px;text-align:center}.em-filled-min{background:#b5d4f4}.em-filled-ideal{background:#c0dd97}.em-month-label{color:#555;font-size:9px}.em-month-val{color:#1a1a1a;font-size:10px;font-weight:500;margin-top:2px}.example-block{background:#faeeda;border-left:3px solid #ba7517;border-radius:0 8px 8px 0;padding:14px 18px}.example-label{color:#854f0b;font-size:10px;font-weight:500;letter-spacing:.6px;margin-bottom:6px}.example-text{color:#412402;font-size:14px;line-height:1.65}.takeaway-block{background:#e6f1fb;border-left:3px solid #0c447c;border-radius:0 8px 8px 0;padding:14px 18px}.takeaway-label{color:#0c447c;font-size:10px;font-weight:500;letter-spacing:.6px;margin-bottom:6px}.takeaway-text{color:#042c53;font-size:14px;font-weight:500;line-height:1.65}.quiz-start-card{background:#fff;border:.5px solid #e8e8e6;border-radius:12px;padding:28px;text-align:center}.quiz-start-title{color:#1a1a1a;font-size:18px;font-weight:500;margin-bottom:6px}.quiz-start-sub{color:#888;font-size:13px;margin-bottom:20px}.quiz-start-btn{background:#0c447c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:12px 32px}.quiz-start-btn:hover{background:#185fa5}.quiz-section{background:#fff;border:.5px solid #e8e8e6;border-radius:12px;padding:28px}.quiz-header{border-bottom:.5px solid #e8e8e6;color:#1a1a1a;font-size:16px;font-weight:500;margin-bottom:24px;padding-bottom:16px}.quiz-question{margin-bottom:32px}.q-number{color:#888;font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:8px}.q-text{color:#1a1a1a;font-size:15px;font-weight:500;line-height:1.5;margin-bottom:14px}.q-options{display:flex;flex-direction:column;gap:8px}.q-option{align-items:flex-start;border:.5px solid #e8e8e6;border-radius:8px;color:#1a1a1a;cursor:pointer;display:flex;font-size:14px;gap:12px;line-height:1.45;padding:12px 16px;transition:border-color .15s}.q-option.selected,.q-option:hover{border-color:#0c447c}.q-option.selected{background:#e6f1fb}.q-option.correct{background:#eaf3de;border-color:#1d9e75;color:#0f6e56}.q-option.wrong{background:#fcebeb;border-color:#e24b4a;color:#a32d2d}.q-option-letter{align-items:center;background:#f5f5f3;border-radius:50%;color:#888;display:flex;flex-shrink:0;font-size:11px;font-weight:500;height:22px;justify-content:center;margin-top:1px;width:22px}.q-option.selected .q-option-letter{background:#0c447c;color:#fff}.q-option.correct .q-option-letter{background:#1d9e75;color:#fff}.q-option.wrong .q-option-letter{background:#e24b4a;color:#fff}.q-explanation{background:#f9f9f7;border-radius:6px;color:#555;font-size:13px;line-height:1.55;margin-top:10px;padding:10px 14px}.explanation-label{color:#1a1a1a;font-weight:500}.submit-btn{border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;margin-top:8px;padding:14px;width:100%}.submit-btn.active{background:#0c447c;color:#fff}.submit-btn.active:hover{background:#185fa5}.submit-btn.disabled{background:#f0f0ee;color:#aaa;cursor:default}.result-card{background:#f9f9f7;border-radius:10px;margin-top:24px;padding:28px;text-align:center}.result-score{color:#0c447c;font-size:48px;font-weight:500}.result-label{color:#1a1a1a;font-size:16px;font-weight:500;margin-top:4px}.result-sub{color:#888;font-size:13px;margin-bottom:20px;margin-top:4px}.next-btn{background:#0c447c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:13px 28px}.next-btn:hover{background:#185fa5}@media (max-width:640px){.lesson-topbar{padding:12px 16px}.lesson-inner{padding:24px 16px 60px}.lesson-title{font-size:24px}.bar-label{font-size:11px;width:120px}.emergency-grid{grid-template-columns:1fr}.em-months{grid-template-columns:repeat(3,1fr)}.risk-label{font-size:11px;width:110px}}.sip-page{background:#f5f5f3;min-height:100vh}.sip-topbar{background:#0c447c;padding:12px 32px}.sip-topbar-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:960px}.back-link{color:#ffffffb3;font-size:13px;text-decoration:none}.back-link:hover{color:#fff}.tool-badge{background:#ffffff1f;border-radius:4px;color:#fffc;font-size:11px;padding:3px 10px}.sip-inner{margin:0 auto;max-width:960px;padding:36px 32px 80px}.sip-header{margin-bottom:28px}.sip-title{color:#1a1a1a;font-size:28px;font-weight:500;margin-bottom:6px}.sip-sub{color:#888;font-size:14px}.sip-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}.input-card{background:#fff;border:.5px solid #e8e8e6;border-radius:12px;margin-bottom:16px;padding:24px}.input-group{margin-bottom:28px}.input-group:last-child{margin-bottom:0}.input-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.input-label{color:#555;font-size:13px}.input-value{color:#0c447c;font-size:16px;font-weight:500}.sip-slider{accent-color:#0c447c;cursor:pointer;width:100%}.slider-ends{color:#aaa;display:flex;font-size:11px;justify-content:space-between;margin-top:5px}.rate-hints{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.hint{background:#fff;border:.5px solid #e8e8e6;border-radius:4px;color:#888;cursor:pointer;font-size:11px;padding:3px 10px}.hint:hover{border-color:#0c447c;color:#0c447c}.hint-active{background:#e6f1fb;border:.5px solid #0c447c;border-radius:4px;color:#0c447c;cursor:pointer;font-size:11px;font-weight:500;padding:3px 10px}.result-summary{background:#fff;border:.5px solid #e8e8e6;border-radius:12px;padding:20px 24px}.result-row{align-items:center;display:flex;gap:0;margin-bottom:16px}.result-item{flex:1 1;text-align:center}.result-divider{background:#e8e8e6;flex-shrink:0;height:40px;width:.5px}.result-label{color:#888;font-size:11px;margin-bottom:4px}.result-amount{font-size:18px;font-weight:500}.result-amount.invested{color:#378add}.result-amount.returns{color:#1d9e75}.result-amount.total{color:#0c447c}.gain-bar-wrap{margin-bottom:6px}.gain-bar-track{background:#f0f0ee;border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden}.gain-bar-invested{background:#378add;border-radius:4px;height:8px;transition:width .4s ease}.gain-bar-labels{display:flex;justify-content:space-between}.gbl{font-size:11px}.invested-lbl{color:#378add}.returns-lbl{color:#1d9e75}.gain-pill{background:#f5f5f3;border-radius:8px;color:#555;font-size:13px;line-height:1.55;margin-top:12px;padding:10px 14px}.gain-pill strong{color:#0c447c;font-weight:500}.sip-chart-col{display:flex;flex-direction:column;gap:16px}.chart-card{background:#fff;border:.5px solid #e8e8e6;border-radius:12px;padding:20px 24px}.chart-title{color:#1a1a1a;font-size:13px;font-weight:500;margin-bottom:20px}.chart-bars{align-items:flex-end;display:flex;gap:10px;margin-bottom:12px}.chart-col-wrap{align-items:center;display:flex;flex:1 1;flex-direction:column}.chart-val-label{color:#555;font-size:10px;font-weight:500;margin-bottom:4px;text-align:center}.chart-bar-wrap{align-items:flex-end;display:flex}.chart-bar{border-radius:6px 6px 0 0;display:flex;flex-direction:column;justify-content:flex-end;min-width:28px;overflow:hidden;width:100%}.chart-bar-ret{background:#1d9e75;width:100%}.chart-bar-inv{background:#378add;width:100%}.chart-year-label{color:#888;font-size:11px;margin-top:6px}.chart-legend{color:#666;display:flex;font-size:12px;gap:16px}.cl-dot{border-radius:2px;display:inline-block;height:8px;margin-right:4px;width:8px}.inv-dot{background:#378add}.ret-dot{background:#1d9e75}.insight-card{background:#e6f1fb;border:.5px solid #b5d4f4;border-radius:12px;padding:16px 20px}.insight-label{color:#0c447c;font-size:10px;font-weight:500;letter-spacing:.6px;margin-bottom:8px}.insight-text{color:#042c53;font-size:14px;line-height:1.65;margin-bottom:8px}.insight-text strong{font-weight:500}.insight-note{color:#185fa5;font-size:12px;line-height:1.5}@media (max-width:768px){.sip-topbar{padding:12px 16px}.sip-inner{padding:24px 16px 60px}.sip-layout{grid-template-columns:1fr}.result-amount{font-size:15px}}.mistakes-page{background:#f5f5f3;min-height:100vh}.mistakes-hero{background:#0c447c;padding:48px 32px 40px}.mistakes-hero-inner{margin:0 auto;max-width:800px}.mistakes-hero-label{color:#ffffff80;font-size:11px;font-weight:500;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.mistakes-hero-title{color:#fff;font-size:30px;font-weight:500;line-height:1.3;max-width:560px}.mistakes-hero-sub{color:#fff9;font-size:14px;line-height:1.65;margin-top:10px;max-width:500px}.mistakes-inner{margin:0 auto;max-width:800px;padding:28px 32px 64px}.mistakes-count{color:#aaa;font-size:11px;font-weight:500;letter-spacing:.6px;margin-bottom:16px;text-transform:uppercase}.mistake-list{display:flex;flex-direction:column;gap:10px}.mistake-card{background:#fff;border:.5px solid #e8e8e6;border-radius:12px;display:block;padding:18px 20px;text-decoration:none;transition:border-color .15s}.mistake-card:hover{border-color:#aaa}.mistake-card-top{align-items:center;display:flex;justify-content:flex-end;margin-bottom:10px}.mistake-duration{color:#aaa;font-size:11px}.mistake-title{color:#1a1a1a;font-size:16px;font-weight:500;line-height:1.4;margin-bottom:6px}.mistake-desc{color:#666;font-size:13px;line-height:1.6;margin-bottom:12px}.mistake-warning{align-items:center;background:#fcebeb;border-radius:4px;color:#a32d2d;display:inline-flex;font-size:11px;font-weight:500;gap:5px;margin-bottom:12px;padding:4px 10px}.mistake-cta{color:#0c447c;font-size:12px;font-weight:500}@media (max-width:640px){.mistakes-hero{padding:32px 16px 28px}.mistakes-hero-title{font-size:24px}.mistakes-inner{padding:20px 16px 48px}}
/*# sourceMappingURL=main.8ed9519e.css.map*/