.calculators-index{background:var(--color-surface);padding-bottom:96px}.calculators-index__inventory-note{color:var(--color-text-muted);max-width:880px;margin-top:18px;font-size:14px;line-height:1.6}.calculators-index__milestone{grid-template-columns:repeat(3,minmax(0,1fr))}.calculators-index__filters{border-block:1px solid var(--color-border);flex-wrap:wrap;gap:0 24px;margin-top:64px;display:flex}.calculators-index__filters a{color:var(--color-text-muted);border-bottom:3px solid #0000;align-items:center;gap:7px;min-height:52px;padding-top:3px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.calculators-index__filters a span{color:var(--color-optiml-mid-grey);font-size:11px}.calculators-index__filters a:hover,.calculators-index__filters a:focus-visible,.calculators-index__filters a[aria-current=page]{border-bottom-color:var(--color-action);color:var(--color-action)}.calculators-index__filters a:focus-visible{outline:2px solid var(--color-action);outline-offset:3px}.calculators-index__category{margin-top:64px}.calculators-index__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.calculators-index__card{--calculator-accent:var(--color-action);background:var(--color-white);border:1px solid var(--color-border);border-top:3px solid var(--calculator-accent);color:var(--color-text);grid-template-rows:auto minmax(2.7em,auto) minmax(3.2em,auto) auto auto;min-width:0;padding:20px;text-decoration:none;transition:border-color .16s ease-out,box-shadow .16s ease-out;display:grid}.calculators-index__card[data-calculator-category=Save]{--calculator-accent:var(--color-optiml-sky)}.calculators-index__card[data-calculator-category=Invest]{--calculator-accent:var(--color-optiml-blue)}.calculators-index__card[data-calculator-category=Borrow]{--calculator-accent:var(--color-optiml-pink)}.calculators-index__card[data-calculator-category=Tax]{--calculator-accent:var(--color-optiml-navy)}.calculators-index__card[data-calculator-category=Economic]{--calculator-accent:var(--color-optiml-orange)}.calculators-index__card[data-calculator-category=Pension]{--calculator-accent:var(--color-optiml-green)}.calculators-index__card[data-calculator-category=Family]{--calculator-accent:var(--color-optiml-orange)}.calculators-index__card[data-calculator-category=Property]{--calculator-accent:var(--color-optiml-blue)}.calculators-index__card[data-calculator-category=Risk]{--calculator-accent:var(--color-optiml-pink)}.calculators-index__card-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.calculators-index__card-heading small{color:var(--calculator-accent);font-size:11px;font-weight:700;line-height:1.3}.calculators-index__card-heading>span{color:var(--color-text-muted);text-align:right;text-transform:uppercase;font-size:9px;font-weight:750;line-height:1.2}.calculators-index__card-heading>span[data-status=awaiting-approval]{color:color-mix(in srgb, var(--color-optiml-orange) 72%, var(--color-optiml-ink))}.calculators-index__card-heading>span[data-status=migrated]{color:var(--color-good)}.calculators-index__card-heading>span[data-status=next]{color:var(--color-action)}.calculators-index__card>strong{margin-top:13px;font-size:18px;line-height:1.35}.calculators-index__card-description{color:var(--color-text-muted);margin-top:10px;font-size:13px;line-height:1.55}.calculators-index__card-meta{color:var(--color-optiml-mid-grey);margin-top:14px;font-size:10px}.calculators-index__card-action{color:var(--color-text);align-items:center;gap:8px;margin-top:20px;font-size:12px;font-weight:700;display:flex}.calculators-index__card-action svg{width:15px;height:15px;transition:transform .16s ease-out}.calculators-index__card:hover,.calculators-index__card:focus-visible{border-color:var(--calculator-accent);box-shadow:0 4px 14px color-mix(in srgb, var(--color-optiml-ink) 7%, transparent);outline:0}.calculators-index__card:hover .calculators-index__card-action,.calculators-index__card:focus-visible .calculators-index__card-action{color:var(--calculator-accent)}.calculators-index__card:hover .calculators-index__card-action svg,.calculators-index__card:focus-visible .calculators-index__card-action svg{transform:translate(2px,-1px)}@media (max-width:980px){.calculators-index__grid,.calculators-index__milestone{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.calculators-index{padding-bottom:72px}.calculators-index__filters{gap:0 18px;margin-top:48px}.calculators-index__category{margin-top:48px}.calculators-index__grid,.calculators-index__milestone{grid-template-columns:1fr}}
.learn-index__hero{background:radial-gradient(circle at 82% 100%, #5bd3d326, transparent 38%), var(--color-surface);padding:48px 0 76px}.learn-index__hero h1{color:var(--color-text);letter-spacing:-.055em;max-width:850px;margin-top:34px;font-size:clamp(46px,6vw,82px);font-weight:650;line-height:.98}.learn-index__hero>.container>p:last-child{color:var(--color-text-muted);max-width:700px;margin-top:24px;font-size:clamp(17px,1.5vw,21px);line-height:1.5}.learn-index__body,.learn-category__body{background:var(--color-surface);padding-bottom:112px}.learn-index__popular,.learn-index__categories{border-top:1px solid var(--color-border);padding-top:34px}.learn-index__categories{margin-top:88px}.learn-index__section-heading p{color:var(--color-action);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:750}.learn-index__section-heading h2{letter-spacing:-.035em;margin-top:8px;font-size:clamp(28px,3vw,42px);line-height:1.08}.learn-index__popular-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px;display:grid}.learn-index__popular-grid a{background:var(--color-white);border:1px solid var(--color-border);color:var(--color-text);grid-template-columns:minmax(0,1fr) auto;align-items:end;min-height:150px;padding:22px;text-decoration:none;display:grid}.learn-index__popular-grid small{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;font-size:11px;font-weight:650}.learn-index__popular-grid strong{margin-top:28px;font-size:18px;line-height:1.25}.learn-index__popular-grid svg,.learn-index__category-grid svg,.learn-index__directories svg{width:18px;height:18px}.learn-index__category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:32px;display:grid}.learn-index__category-grid>a{background:var(--color-white);border:1px solid var(--color-border);color:var(--color-text);grid-template-columns:minmax(0,.7fr) minmax(0,1fr) auto;align-items:center;gap:14px 24px;min-height:132px;margin:-1px 0 0 -1px;padding:24px;text-decoration:none;display:grid}.learn-index__category-grid span{gap:5px;display:grid}.learn-index__category-grid strong{font-size:22px}.learn-index__category-grid small,.learn-index__category-grid p{color:var(--color-text-muted);font-size:13px;line-height:1.45}.learn-index__directories{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:72px;display:grid}.learn-index__directories a{background:var(--color-optiml-ink);color:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 20px;min-height:120px;padding:26px;text-decoration:none;display:grid}.learn-index__directories span{color:#ffffff9e;letter-spacing:.1em;text-transform:uppercase;grid-column:1/-1;font-size:11px;font-weight:700}.learn-index__directories strong{font-size:22px}.learn-category__hero{padding-bottom:62px}.learn-category__tabs{border-block:1px solid var(--color-border);flex-wrap:wrap;gap:0 24px;display:flex}.learn-category__tabs a{color:var(--color-text-muted);border-bottom:3px solid #0000;padding:20px 0 17px;font-size:13px;font-weight:650;text-decoration:none}.learn-category__tabs a[aria-current=page]{border-bottom-color:var(--color-action);color:var(--color-action)}.learn-category__heading{justify-content:space-between;align-items:end;margin-top:64px;display:flex}.learn-category__heading h2{letter-spacing:-.035em;font-size:clamp(28px,3vw,40px)}.learn-category__heading span{color:var(--color-text-muted);font-size:13px}.learn-category__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.learn-category__grid>a{background:var(--color-white);border:1px solid var(--color-border);color:var(--color-text);flex-direction:column;min-height:240px;padding:22px;text-decoration:none;display:flex}.learn-category__grid small{color:var(--color-action);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:750}.learn-category__grid strong{margin-top:18px;font-size:20px;line-height:1.25}.learn-category__grid p{color:var(--color-text-muted);margin-top:10px;font-size:13px;line-height:1.55}.learn-category__grid>a>span:last-child{align-items:center;gap:8px;margin-top:auto;padding-top:24px;font-size:12px;font-weight:700;display:flex}.learn-category__grid svg{width:15px;height:15px}@media (max-width:900px){.learn-index__popular-grid,.learn-category__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-index__category-grid>a{grid-template-columns:minmax(0,1fr) auto}.learn-index__category-grid p{grid-area:2/1/auto/-1}}@media (max-width:640px){.learn-index__hero{padding:34px 0 52px}.learn-index__hero h1{font-size:clamp(42px,13vw,60px)}.learn-index__popular-grid,.learn-index__category-grid,.learn-index__directories,.learn-category__grid{grid-template-columns:1fr}.learn-index__categories{margin-top:64px}.learn-category__heading{flex-direction:column;align-items:start;gap:8px;margin-top:48px}}
:root{--optiml-product-glass-backdrop:blur(7px) saturate(106%);--optiml-product-glass-background:linear-gradient(145deg, #ffffff1a, #0912162e);--optiml-product-glass-border:#ffffff3d;--optiml-product-glass-shadow:inset 1px 1px 0 #ffffff0f, 0 16px 42px #020c1c0a;--optiml-product-glass-text-shadow:0 1px 14px #020c1c38}
