:root{--color-bg:#1a1612;--color-surface:#231f1a;--color-surface-alt:#2c2720;--color-surface-raised:#342e27;--color-text:#ede8df;--color-muted:#9a8f82;--color-subtle:#6b5f54;--color-orange:#e8834a;--color-orange-dim:#e8834a26;--color-orange-border:#e8834a59;--color-sage:#7fa882;--color-sage-dim:#7fa88226;--color-sage-border:#7fa88259;--color-border:#ffffff12;--color-border-strong:#ffffff24;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-serif:"Playfair Display", Georgia, serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 4px 20px #00000073;--shadow-lg:0 8px 40px #0000008c;--sidebar-width:240px;--nav-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--color-text);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none}input,textarea,select{font-family:var(--font-sans)}img{max-width:100%}ul,ol{list-style:none}.serif{font-family:var(--font-serif)}.welcome{min-height:100vh;padding:var(--space-8);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.welcome__content{text-align:center;align-items:center;gap:var(--space-6);flex-direction:column;width:100%;max-width:480px;display:flex}.welcome__logo-mark{background:var(--color-orange);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;font-weight:800;display:flex}.welcome__title{color:var(--color-text);letter-spacing:-1px;margin:0;font-size:48px;font-weight:500}.welcome__tagline{color:var(--color-muted);max-width:360px;font-size:18px;line-height:1.55}.welcome__actions{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.welcome__btn{border-radius:var(--radius-full);text-align:center;width:100%;padding:16px;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .15s;display:block}.welcome__btn--primary{background:var(--color-orange);color:#fff}.welcome__btn--primary:hover{opacity:.88}.welcome__btn--ghost{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong)}.welcome__btn--ghost:hover{background:var(--color-surface-alt)}.welcome__features{gap:var(--space-4);text-align:left;width:100%;padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);margin-top:var(--space-2);flex-direction:column;display:flex}.welcome__feature{align-items:center;gap:var(--space-4);display:flex}.welcome__feature-icon{color:var(--color-orange);text-align:center;width:28px;font-size:20px}.welcome__feature p{color:var(--color-muted);font-size:14px;line-height:1.4}@media (width<=480px){.welcome__title{font-size:36px}.welcome__tagline{font-size:16px}}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-field__label{color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:600}.form-field__required{color:var(--color-orange)}.form-field__input{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);outline:none;width:100%;padding:14px 16px;font-size:15px;transition:border-color .15s}.form-field__input::placeholder{color:var(--color-subtle)}.form-field__input:focus{border-color:var(--color-orange)}.form-field__input--error{border-color:#e06060}.form-field__hint{color:var(--color-subtle);font-size:12px}.form-field__error{color:#e06060;font-size:12px}.error-msg{align-items:flex-start;gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-4);background:#e060601a;border:1px solid #e060604d;display:flex}.error-msg__icon{color:#fff;background:#e06060;border-radius:50%;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.error-msg__text{color:#e06060;font-size:14px;line-height:1.4}.auth-page{min-height:100vh;padding:var(--space-8);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-10);gap:var(--space-5);flex-direction:column;display:flex}.auth-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);text-decoration:none;display:flex}.auth-logo__mark{background:var(--color-orange);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:flex}.auth-logo__text{color:var(--color-text);font-size:16px;font-weight:500}.auth-heading{color:var(--color-text);margin:0;font-size:26px;font-weight:700}.auth-sub{color:var(--color-muted);margin-top:calc(-1 * var(--space-3));font-size:14px}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-form__row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.auth-submit{background:var(--color-orange);color:#fff;border-radius:var(--radius-full);cursor:pointer;width:100%;font-size:15px;font-weight:600;font-family:var(--font-sans);margin-top:var(--space-2);border:none;padding:14px;transition:opacity .15s}.auth-submit:hover:not(:disabled){opacity:.88}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;color:var(--color-muted);font-size:13px}.auth-switch__link{color:var(--color-orange);font-weight:600;text-decoration:none}.auth-switch__link:hover{opacity:.8}@media (width<=480px){.auth-card{padding:var(--space-8) var(--space-6)}.auth-form__row{grid-template-columns:1fr}}.onboarding{min-height:100vh;padding:var(--space-8);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.onboarding__inner{gap:var(--space-6);flex-direction:column;width:100%;max-width:560px;display:flex}.onboarding__step{text-transform:uppercase;letter-spacing:.1em;color:var(--color-orange);font-size:12px;font-weight:700}.onboarding__title{color:var(--color-text);margin:0;font-size:32px;font-weight:700;line-height:1.2}.onboarding__sub{color:var(--color-muted);margin-top:calc(-1 * var(--space-3));font-size:16px}.goal-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.goal-option{align-items:flex-start;gap:var(--space-2);padding:var(--space-5);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;text-align:left;font-family:var(--font-sans);flex-direction:column;transition:border-color .15s,background .15s;display:flex}.goal-option:hover{border-color:var(--color-orange-border);background:var(--color-orange-dim)}.goal-option--selected{border-color:var(--color-orange);background:var(--color-orange-dim)}.goal-option__icon{color:var(--color-orange);font-size:22px}.goal-option__label{color:var(--color-text);font-size:15px;font-weight:700}.goal-option__desc{color:var(--color-muted);font-size:13px;line-height:1.4}.income-form{gap:var(--space-5);flex-direction:column;display:flex}.onboarding__cta{background:var(--color-surface-alt);width:100%;color:var(--color-subtle);border:2px solid var(--color-border);border-radius:var(--radius-full);cursor:not-allowed;font-size:16px;font-weight:600;font-family:var(--font-sans);padding:16px;transition:all .15s}.onboarding__cta--active{background:var(--color-orange);color:#fff;border-color:var(--color-orange);cursor:pointer}.onboarding__cta--active:hover{opacity:.88}@media (width<=480px){.goal-grid{grid-template-columns:1fr}.onboarding__title{font-size:26px}}.app-shell{min-height:100vh;display:flex}.app-shell__main{min-width:0;padding:var(--space-8);padding-bottom:calc(var(--space-8) + 72px);flex:1}@media (width>=768px){.app-shell__main{padding-bottom:var(--space-8)}}@media (width<=767px){.app-shell>aside.sidebar{display:none}.app-shell__main{padding:var(--space-5);padding-bottom:calc(var(--space-5) + 72px)}}@media (width>=768px){.mobile-nav{display:none}}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);min-height:100vh;padding:var(--space-8) 0;flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}.sidebar__logo{align-items:center;gap:var(--space-3);padding:0 var(--space-6) var(--space-8);display:flex}.sidebar__logo-mark{background:var(--color-orange);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:flex}.sidebar__logo-text{color:var(--color-text);font-size:17px;font-weight:500}.sidebar__nav{gap:var(--space-1);padding:0 var(--space-3);flex-direction:column;flex:1;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);padding:11px var(--space-4);border-radius:var(--radius-md);color:var(--color-muted);font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar__link:hover{background:var(--color-surface-alt);color:var(--color-text)}.sidebar__link--active{background:var(--color-orange-dim);color:var(--color-orange)}.sidebar__icon{text-align:center;width:20px;font-size:16px}.sidebar__foot{padding:var(--space-6);border-top:1px solid var(--color-border);margin-top:var(--space-6)}.sidebar__user{color:var(--color-muted);margin-bottom:var(--space-3);font-size:13px;font-weight:600}.sidebar__logout{color:var(--color-subtle);cursor:pointer;font-size:13px;font-family:var(--font-sans);background:0 0;border:none;padding:0}.sidebar__logout:hover{color:#e06060}.mobile-nav{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:100;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav__item{color:var(--color-subtle);flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 0 12px;text-decoration:none;transition:color .15s;display:flex}.mobile-nav__item--active{color:var(--color-orange)}.mobile-nav__icon{font-size:18px}.mobile-nav__label{text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}@media (width>=768px){.mobile-nav{display:none}}.dash-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.dash-card--orange{border-color:var(--color-orange-border)}.dash-card--sage{border-color:var(--color-sage-border)}.dash-card__header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.dash-card__title{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-size:15px;font-weight:600}.dash-card__action{color:var(--color-orange);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.dash-card__action:hover{opacity:.75}.goal-meter{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.goal-meter__ring{position:relative}.goal-meter__track{fill:none;stroke:var(--color-surface-alt);stroke-width:10px}.goal-meter__fill{fill:none;stroke:var(--color-orange);stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .5s}.goal-meter__center{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.goal-meter__pct{color:var(--color-text);font-size:22px;font-weight:700}.goal-meter__info{text-align:center}.goal-meter__label{color:var(--color-muted);margin-bottom:var(--space-1);font-size:13px}.goal-meter__current{color:var(--color-text);font-size:16px;font-weight:700}.goal-meter__divider{color:var(--color-subtle)}.goal-meter__target{color:var(--color-muted);font-size:14px}.progress-bar{gap:var(--space-2);flex-direction:column;display:flex}.progress-bar__header{justify-content:space-between;align-items:center;display:flex}.progress-bar__label{color:var(--color-muted);font-size:13px}.progress-bar__pct{color:var(--color-text);font-size:13px;font-weight:600}.progress-bar__track{background:var(--color-surface-alt);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-bar__fill{border-radius:var(--radius-full);height:100%;transition:width .4s}.progress-bar__fill--orange{background:var(--color-orange)}.progress-bar__fill--sage{background:var(--color-sage)}.progress-bar__fill--muted{background:var(--color-subtle)}.expense-entry{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.expense-entry:last-child{border-bottom:none}.expense-entry__dot{border-radius:50%;width:10px;min-width:10px;height:10px}.expense-entry__info{flex:1}.expense-entry__merchant{color:var(--color-text);font-size:14px;font-weight:600}.expense-entry__category{color:var(--color-muted);text-transform:capitalize;margin-top:2px;font-size:12px}.expense-entry__right{text-align:right}.expense-entry__amount{color:var(--color-text);font-size:14px;font-weight:700}.expense-entry__date{color:var(--color-subtle);margin-top:2px;font-size:12px}.loading-state{align-items:center;gap:var(--space-4);padding:var(--space-12);flex-direction:column;display:flex}.loading-state__spinner{border:3px solid var(--color-border-strong);border-top-color:var(--color-orange);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state__msg{color:var(--color-muted);font-size:14px}.dashboard{max-width:900px}.dashboard__header{margin-bottom:var(--space-8)}.dashboard__greeting{color:var(--color-text);margin-bottom:var(--space-1);font-size:28px;font-weight:700}.dashboard__date{color:var(--color-muted);font-size:14px}.dashboard__grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}@media (width<=700px){.dashboard__grid{grid-template-columns:1fr}}.dash-summary{gap:var(--space-6);margin-bottom:var(--space-5);display:flex}.dash-summary__stat{flex-direction:column;display:flex}.dash-summary__value{color:var(--color-text);font-size:22px;font-weight:700}.dash-summary__value--spent{color:var(--color-orange)}.dash-summary__value--left{color:var(--color-sage)}.dash-summary__value--over{color:#e06060}.dash-summary__label{color:var(--color-muted);margin-top:2px;font-size:12px}.dash-goal{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.dash-goal__hint{color:var(--color-muted);text-align:center;font-size:13px}.dash-learn{gap:var(--space-4);flex-direction:column;display:flex}.dash-learn__stat{align-items:baseline;display:flex}.dash-learn__num{color:var(--color-text);font-size:36px;font-weight:700}.dash-learn__den{color:var(--color-muted);font-size:20px}.dash-learn__label{color:var(--color-muted);margin-top:calc(-1 * var(--space-3));font-size:13px}.dash-learn__next{background:var(--color-orange-dim);border:1px solid var(--color-orange-border);color:var(--color-orange);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-size:13px;font-weight:600;font-family:var(--font-sans);padding:10px 14px;line-height:1.3}.dash-learn__next:hover{opacity:.8}.today{gap:var(--space-8);flex-direction:column;max-width:600px;display:flex}.today__title{color:var(--color-text);margin-bottom:var(--space-1);font-size:32px;font-weight:700}.today__date{color:var(--color-muted);font-size:14px}.today__tip{background:var(--color-surface);border:1px solid var(--color-orange-border);border-left:4px solid var(--color-orange);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.today__tip-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-orange);font-size:11px;font-weight:700}.today__tip-text{color:var(--color-text);font-size:18px;font-style:italic;line-height:1.55}.today__section-title{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-4);font-size:15px;font-weight:600}.today__checklist{gap:var(--space-3);flex-direction:column;display:flex}.today__check-item{align-items:center;gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);cursor:pointer;transition:border-color .15s;display:flex}.today__check-item:hover{border-color:var(--color-border-strong)}.today__checkbox{width:18px;height:18px;accent-color:var(--color-orange);cursor:pointer;flex-shrink:0}.today__check-label{color:var(--color-text);font-size:15px}.today__streak{align-items:center;gap:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex}.today__streak-num{color:var(--color-orange);font-size:52px;font-weight:800;line-height:1}.today__streak-label{color:var(--color-text);font-size:16px;font-weight:600}.today__streak-sub{color:var(--color-muted);margin-top:var(--space-1);font-size:13px}.budget-jar{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.budget-jar__bar-wrap{align-items:flex-end;height:100px;display:flex}.budget-jar__bar-track{background:var(--color-surface-alt);border-radius:var(--radius-sm);align-items:flex-end;width:36px;height:100%;display:flex;overflow:hidden}.budget-jar__bar-fill{border-radius:var(--radius-sm);width:100%;min-height:2px;transition:height .4s}.budget-jar__label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;text-align:center;font-size:11px;font-weight:700}.budget-jar__amounts{color:var(--color-text);text-align:center;font-size:12px;font-weight:600}.budget-jar__slash{color:var(--color-subtle)}.budget-jar__alloc{color:var(--color-muted);font-weight:400}.budget-jar__remain{color:var(--color-sage);font-size:11px}.budget-jar__remain--over{color:#e06060}.budget-page{gap:var(--space-8);flex-direction:column;max-width:800px;display:flex}.budget-page__header{justify-content:space-between;align-items:flex-end;display:flex}.budget-page__title{color:var(--color-text);font-size:32px;font-weight:700}.budget-page__income{text-align:right}.budget-page__income-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;display:block}.budget-page__income-val{color:var(--color-text);font-size:24px;font-weight:700}.budget-summary{gap:var(--space-8);display:flex}.budget-summary__item{flex-direction:column;gap:2px;display:flex}.budget-summary__val{color:var(--color-text);font-size:20px;font-weight:700}.budget-summary__val--spent{color:var(--color-orange)}.budget-summary__val--free{color:var(--color-sage)}.budget-summary__val--over{color:#e06060}.budget-summary__label{color:var(--color-muted);font-size:12px}.budget-jars-title,.budget-table-title{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-5);font-size:15px;font-weight:600}.budget-jars{gap:var(--space-6);padding-bottom:var(--space-3);display:flex;overflow-x:auto}.budget-table{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.budget-row{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.budget-row:last-child{border-bottom:none}.budget-row__left{align-items:center;gap:var(--space-3);display:flex}.budget-row__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.budget-row__label{color:var(--color-text);font-size:14px;font-weight:600}.budget-row__right{align-items:center;gap:var(--space-3);display:flex}.budget-row__spent{color:var(--color-text);font-size:14px;font-weight:700}.budget-row__alloc{color:var(--color-muted);font-size:13px}.budget-row__pct{color:var(--color-sage);text-align:right;min-width:36px;font-size:12px;font-weight:700}.budget-row__pct--over{color:#e06060}@media (width<=600px){.budget-page__header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.budget-summary{gap:var(--space-5)}}.empty-state{align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;flex-direction:column;display:flex}.empty-state__icon{color:var(--color-border-strong);font-size:40px}.empty-state__title{color:var(--color-text);font-size:18px;font-weight:600}.empty-state__msg{color:var(--color-muted);max-width:280px;font-size:14px;line-height:1.5}.empty-state__btn{margin-top:var(--space-2);background:var(--color-orange-dim);border:1px solid var(--color-orange-border);color:var(--color-orange);border-radius:var(--radius-full);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-sans);padding:10px 24px}.empty-state__btn:hover{opacity:.8}.spend-log{gap:var(--space-6);flex-direction:column;max-width:640px;display:flex}.spend-log__header{justify-content:space-between;align-items:center;display:flex}.spend-log__title{color:var(--color-text);font-size:32px;font-weight:700}.spend-log__total{color:var(--color-orange);font-size:24px;font-weight:700}.spend-log__filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.spend-filter{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;text-transform:capitalize;font-size:13px;font-weight:600;font-family:var(--font-sans);padding:6px 14px;transition:all .15s}.spend-filter:hover{border-color:var(--color-border-strong);color:var(--color-text)}.spend-filter--active{background:var(--color-orange-dim);border-color:var(--color-orange-border);color:var(--color-orange)}.spend-log__list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2) var(--space-5)}.lesson-card{gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);flex-direction:column;text-decoration:none;transition:border-color .15s,transform .1s;display:flex}.lesson-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.lesson-card--done{border-color:var(--color-sage-border)}.lesson-card__top{justify-content:space-between;align-items:center;display:flex}.lesson-card__category{text-transform:uppercase;letter-spacing:.08em;color:var(--color-orange);font-size:11px;font-weight:700}.lesson-card__badge,.lesson-card__level{color:var(--color-sage);background:var(--color-sage-dim);border-radius:var(--radius-full);padding:3px 10px;font-size:11px;font-weight:700}.lesson-card__title{color:var(--color-text);font-size:17px;font-weight:600;line-height:1.3}.lesson-card__desc{color:var(--color-muted);flex:1;font-size:14px;line-height:1.5}.lesson-card__foot{margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.lesson-card__duration{color:var(--color-subtle);font-size:12px}.lesson-card__score{color:var(--color-sage);font-size:12px;font-weight:600}.learning-article{gap:var(--space-6);flex-direction:column;width:min(100%,720px);display:flex}.learning-article__back{width:fit-content;color:var(--color-muted);font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.learning-article__back:hover{color:var(--color-text)}.learning-article article{gap:var(--space-6);flex-direction:column;display:flex}.learning-article__header{gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.learning-article__header h1{max-width:680px;color:var(--color-text);font-size:clamp(28px,5vw,40px);font-weight:700;line-height:1.18}.learning-article__meta{align-items:center;gap:var(--space-3);display:flex}.learning-article__topic,.learning-article__level{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.learning-article__topic{color:var(--color-orange)}.learning-article__level{border-radius:var(--radius-full);color:var(--color-sage);background:var(--color-sage-dim);padding:3px 10px}.learning-article__body{gap:var(--space-5);color:var(--color-text);flex-direction:column;font-size:17px;line-height:1.7;display:flex}.learning-article__body h2{margin-bottom:calc(var(--space-3) * -1);color:var(--color-text);font-size:18px}.learning-article__body p{color:var(--color-text)}.learning-article__takeaway h2,.learning-article__footer h2{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.learning-article__takeaway{gap:var(--space-3);padding:var(--space-6);border:1px solid var(--color-orange-border);border-left:4px solid var(--color-orange);border-radius:var(--radius-xl);background:var(--color-surface);flex-direction:column;display:flex}.learning-article__takeaway h2{color:var(--color-orange)}.learning-article__takeaway p{color:var(--color-text);line-height:1.6}.learning-article__footer{gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.learning-article__footer h2{color:var(--color-muted)}.learning-article__footer ul{gap:var(--space-2);flex-direction:column;display:flex}.learning-article__footer a{color:var(--color-orange);overflow-wrap:anywhere;font-size:14px;font-weight:600}.learning-article__footer a:hover{text-decoration:underline}.learning-article__disclaimer{margin-top:var(--space-4);color:var(--color-subtle);font-size:12px;line-height:1.6}@media (width<=767px){.learning-article__header h1{font-size:28px}.learning-article__body{font-size:16px}.learning-article__takeaway{padding:var(--space-5)}}.hub{gap:var(--space-8);flex-direction:column;max-width:900px;display:flex}.hub__header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;display:flex}.hub__title{color:var(--color-text);font-size:32px;font-weight:700}.hub__sub{color:var(--color-muted);margin-top:var(--space-2);font-size:15px}.hub__progress{gap:var(--space-2);flex-direction:column;align-items:flex-end;min-width:160px;display:flex}.hub__progress-count{color:var(--color-muted);font-size:13px;font-weight:600}.hub__filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.hub__filter-group{gap:var(--space-3);flex-direction:column;display:flex}.hub__filter-label{color:var(--color-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.hub-filter{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);padding:7px 16px;transition:all .15s}.hub-filter:hover{border-color:var(--color-border-strong);color:var(--color-text)}.hub-filter--active{background:var(--color-orange-dim);border-color:var(--color-orange-border);color:var(--color-orange)}.hub__grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.hub__section{gap:var(--space-5);flex-direction:column;display:flex}.hub__section+.hub__section{padding-top:var(--space-8);border-top:1px solid var(--color-border)}.hub__section-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.hub__section-heading h2{margin-top:var(--space-1);color:var(--color-text);font-size:21px}.hub__section-kicker{color:var(--color-orange);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.hub__section-count{color:var(--color-subtle);white-space:nowrap;font-size:12px}.hub__empty{padding:var(--space-8);border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl);color:var(--color-muted);text-align:center}@media (width<=560px){.hub__section-heading{align-items:flex-start}.hub__section-count{padding-top:var(--space-1)}}.lesson-progress{gap:var(--space-2);align-items:center;display:flex}.lesson-progress__dot{border-radius:var(--radius-full);background:var(--color-surface-alt);width:8px;height:8px;transition:background .2s,width .2s}.lesson-progress__dot--done{background:var(--color-sage)}.lesson-progress__dot--active{background:var(--color-orange);width:24px}.lesson-page{gap:var(--space-6);flex-direction:column;max-width:640px;display:flex}.lesson-page__top{justify-content:space-between;align-items:center;display:flex}.lesson-back{color:var(--color-muted);font-size:13px;font-weight:600;text-decoration:none}.lesson-back:hover{color:var(--color-text)}.lesson-page__meta{gap:var(--space-4);align-items:center;display:flex}.lesson-page__category{text-transform:uppercase;letter-spacing:.08em;color:var(--color-orange);font-size:11px;font-weight:700}.lesson-page__duration{color:var(--color-subtle);font-size:13px}.lesson-page__title{color:var(--color-text);font-size:28px;font-weight:700;line-height:1.25}.lesson-block{min-height:180px}.lesson-block__text{color:var(--color-text);font-size:17px;line-height:1.7}.lesson-block__callout{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-orange);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.lesson-block__callout-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-orange);font-size:11px;font-weight:800}.lesson-block__callout-body{color:var(--color-text);font-size:16px;line-height:1.6}.lesson-page__nav{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.lesson-nav-btn{border-radius:var(--radius-full);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-sans);border:none;padding:12px 24px;transition:opacity .15s}.lesson-nav-btn--back{background:var(--color-surface-alt);color:var(--color-muted);border:1px solid var(--color-border)}.lesson-nav-btn--back:hover{color:var(--color-text)}.lesson-nav-btn--next{background:var(--color-surface-raised);color:var(--color-text)}.lesson-nav-btn--next:hover{opacity:.8}.lesson-nav-btn--quiz{background:var(--color-orange);color:#fff}.lesson-nav-btn--quiz:hover{opacity:.88}.quiz-q{gap:var(--space-3);flex-direction:column;display:flex}.quiz-q__counter{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600}.quiz-q__text{color:var(--color-text);font-size:22px;font-weight:600;line-height:1.35}.quiz-ans{text-align:left;background:var(--color-surface-alt);border:2px solid var(--color-border);border-radius:var(--radius-lg);width:100%;color:var(--color-text);cursor:pointer;font-size:15px;font-family:var(--font-sans);padding:16px 20px;transition:border-color .15s,background .15s}.quiz-ans:not(:disabled):hover{border-color:var(--color-orange-border);background:var(--color-orange-dim)}.quiz-ans--selected{border-color:var(--color-orange);background:var(--color-orange-dim)}.quiz-ans--correct{border-color:var(--color-sage);background:var(--color-sage-dim);color:var(--color-sage)}.quiz-ans--wrong{color:#e06060;background:#e060601f;border-color:#e06060}.quiz-ans:disabled{cursor:default}.quiz-page{gap:var(--space-6);flex-direction:column;max-width:600px;display:flex}.quiz-page__top{justify-content:space-between;align-items:center;display:flex}.quiz-back{color:var(--color-muted);font-size:13px;font-weight:600;text-decoration:none}.quiz-back:hover{color:var(--color-text)}.quiz-page__category{text-transform:uppercase;letter-spacing:.08em;color:var(--color-orange);font-size:11px;font-weight:700}.quiz-page__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);gap:var(--space-6);flex-direction:column;display:flex}.quiz-options{gap:var(--space-3);flex-direction:column;display:flex}.quiz-feedback{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:14px;font-weight:600}.quiz-feedback--correct{color:var(--color-sage);background:var(--color-sage-dim)}.quiz-feedback--wrong{color:#e06060;background:#e060601a}.quiz-page__actions{justify-content:flex-end;display:flex}.quiz-btn{border-radius:var(--radius-full);cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font-sans);border:none;padding:12px 28px;transition:opacity .15s}.quiz-btn--check{background:var(--color-surface-alt);color:var(--color-subtle);border:1px solid var(--color-border)}.quiz-btn--check.quiz-btn--active{background:var(--color-surface-raised);color:var(--color-text);border-color:var(--color-border-strong);cursor:pointer}.quiz-btn--check:disabled{cursor:not-allowed}.quiz-btn--next{background:var(--color-orange);color:#fff}.quiz-btn--next:hover{opacity:.88}.result-page{min-height:calc(100vh - 80px);padding:var(--space-8);justify-content:center;align-items:center;display:flex}.result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:440px;padding:var(--space-12) var(--space-10);align-items:center;gap:var(--space-5);text-align:center;flex-direction:column;display:flex}.result-badge{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;font-weight:700;display:flex}.result-badge--pass{background:var(--color-sage-dim);color:var(--color-sage)}.result-badge--retry{background:var(--color-orange-dim);color:var(--color-orange)}.result-title{color:var(--color-text);font-size:28px;font-weight:700}.result-sub{color:var(--color-muted);font-size:15px}.result-score{align-items:baseline;gap:4px;display:flex}.result-score__num{color:var(--color-text);font-size:64px;font-weight:800;line-height:1}.result-score__denom{color:var(--color-muted);font-size:24px}.result-hint{color:var(--color-subtle);max-width:280px;font-size:13px;line-height:1.5}.result-actions{gap:var(--space-3);width:100%;margin-top:var(--space-2);flex-direction:column;display:flex}.result-btn{border-radius:var(--radius-full);text-align:center;cursor:pointer;width:100%;font-size:15px;font-weight:600;font-family:var(--font-sans);border:none;padding:14px;text-decoration:none;transition:opacity .15s;display:block}.result-btn--primary{background:var(--color-orange);color:#fff}.result-btn--primary:hover{opacity:.88}.result-btn--retry{background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border-strong)}.result-btn--retry:hover{background:var(--color-surface-raised)}.cards-page{gap:var(--space-10);flex-direction:column;max-width:900px;display:flex}.cards-page__title{color:var(--color-text);margin-bottom:var(--space-2);font-size:32px;font-weight:700}.cards-page__sub{color:var(--color-muted);font-size:15px}.cards-section{gap:var(--space-5);flex-direction:column;display:flex}.cards-section__top{gap:var(--space-4);flex-direction:column;display:flex}.cards-section__title{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-size:15px;font-weight:600}.cards-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.cards-filter{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);padding:6px 14px;transition:all .15s}.cards-filter:hover{border-color:var(--color-border-strong);color:var(--color-text)}.cards-filter--active{background:var(--color-orange-dim);border-color:var(--color-orange-border);color:var(--color-orange)}.cards-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.card-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);flex-direction:column;transition:border-color .15s;display:flex}.card-item:hover{border-color:var(--color-border-strong)}.card-item--owned{border-color:var(--color-sage-border)}.card-item__top{justify-content:space-between;align-items:flex-start;display:flex}.card-item__right{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.card-item__issuer{color:var(--color-subtle);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:11px}.card-item__name{color:var(--color-text);font-size:16px;font-weight:700}.card-item__reward{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.card-item__owned-tag{color:var(--color-sage);background:var(--color-sage-dim);border-radius:var(--radius-full);padding:2px 8px;font-size:10px;font-weight:700}.card-item__highlights{gap:var(--space-1);flex-direction:column;display:flex}.card-item__highlight{color:var(--color-muted);padding-left:var(--space-4);font-size:13px;line-height:1.4;position:relative}.card-item__highlight:before{content:"•";color:var(--color-orange);position:absolute;left:0}.card-item__bonus{background:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.card-item__bonus-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-orange);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.card-item__bonus-text{color:var(--color-text);font-size:13px;line-height:1.4}.card-item__foot{padding-top:var(--space-3);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.card-item__fee{color:var(--color-muted);font-size:12px;font-weight:600}.card-item__rating{color:var(--color-orange);font-size:13px;font-weight:700}.demo-page{background:var(--color-bg);min-height:100vh;padding:var(--space-8);gap:var(--space-10);flex-direction:column;max-width:860px;margin:0 auto;display:flex}.demo-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);padding:var(--space-6);background:var(--color-surface);border:2px dashed var(--color-orange-border);border-radius:var(--radius-xl);display:flex}.demo-header__left{gap:var(--space-3);flex-direction:column;display:flex}.demo-badge{background:var(--color-orange);color:#fff;letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius-full);width:fit-content;padding:3px 10px;font-size:10px;font-weight:800;display:inline-block}.demo-title{color:var(--color-text);margin:0;font-size:24px;font-weight:700}.demo-sub{color:var(--color-muted);max-width:560px;font-size:13px;line-height:1.5}.demo-sub code{background:var(--color-surface-alt);color:var(--color-orange);border-radius:4px;padding:1px 5px;font-family:ui-monospace,Consolas,monospace;font-size:12px}.demo-exit{color:#e06060;border-radius:var(--radius-full);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);white-space:nowrap;background:0 0;border:1px solid #e0606066;flex-shrink:0;padding:10px 20px;transition:background .15s}.demo-exit:hover{background:#e060601a}.demo-groups{gap:var(--space-8);flex-direction:column;display:flex}.demo-group__title{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);margin-bottom:var(--space-4);font-size:11px;font-weight:800}.demo-group__items{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.demo-item{gap:var(--space-1);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;font-family:var(--font-sans);flex-direction:column;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.demo-item:hover{border-color:var(--color-orange-border);background:var(--color-orange-dim)}.demo-item__label{color:var(--color-text);font-size:15px;font-weight:600}.demo-item__note{color:var(--color-muted);font-size:12px;line-height:1.4}.demo-item__path{color:var(--color-subtle);margin-top:var(--space-1);font-family:ui-monospace,Consolas,monospace;font-size:11px}.demo-footer{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.demo-footer p{color:var(--color-muted);font-size:13px;line-height:1.6}.demo-footer code{background:var(--color-surface-alt);color:var(--color-sage);border-radius:4px;padding:1px 5px;font-family:ui-monospace,Consolas,monospace;font-size:12px}@media (width<=600px){.demo-page{padding:var(--space-5)}.demo-header{flex-direction:column}.demo-group__items{grid-template-columns:1fr}}.goals-page{max-width:1050px;margin:0 auto}.goals-page__header{margin-bottom:var(--space-8)}.goals-page__header h1{margin:4px 0 8px;font-size:34px}.goals-page__header>p:last-child{color:var(--color-muted)}.goals-page__eyebrow{color:var(--color-orange);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700}.goals-layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);align-items:start;display:grid}.goal-form-card,.saved-goals{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.goal-form-card h2,.saved-goals h2{margin:0 0 var(--space-5);font-size:20px}.goal-form{gap:var(--space-5);flex-direction:column;display:flex}.goal-input{flex-direction:column;gap:7px;display:flex}.goal-input label{color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.goal-input label span{color:var(--color-orange)}.goal-input label small{color:var(--color-subtle);margin-left:5px;font-size:10px}.goal-input input,.goal-input select,.goal-input textarea{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:100%;color:var(--color-text);font:inherit;padding:12px 14px}.goal-input textarea{resize:vertical}.goal-input input:focus,.goal-input select:focus,.goal-input textarea:focus{border-color:var(--color-orange);outline:2px solid var(--color-orange-dim)}.goal-input [aria-invalid=true]{border-color:var(--color-orange)}.goal-input>p,.goal-form__error{color:#f0a17b;margin:0;font-size:12px}.goal-form>button{background:var(--color-orange);border-radius:var(--radius-full);color:#fff;cursor:pointer;font:inherit;border:0;padding:14px;font-weight:700}.goal-form>button:disabled{cursor:wait;opacity:.65}.saved-goals{gap:var(--space-4);flex-direction:column;display:flex}.saved-goals h2{margin-bottom:var(--space-1)}.saved-goals__empty{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-muted);padding:var(--space-8);text-align:center}.saved-goal{justify-content:space-between;gap:var(--space-4);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);display:flex}.saved-goal__type{color:var(--color-sage);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.saved-goal h3{margin:5px 0 8px;font-size:17px}.saved-goal strong{color:var(--color-text);font-size:20px}.saved-goal p{color:var(--color-muted);overflow-wrap:anywhere;white-space:pre-wrap;margin:10px 0 0;line-height:1.5}.saved-goal>button{color:var(--color-muted);cursor:pointer;font:inherit;background:0 0;border:0;align-self:flex-start;padding:2px;font-size:12px}.saved-goal>button:hover{color:var(--color-orange)}.saved-goal>button:disabled{cursor:wait;opacity:.6}@media (width<=850px){.goals-layout{grid-template-columns:1fr}}