.learn-page{--learn-page: var(--color-page, #f6f8fb);--learn-page-soft: var(--color-page-soft, #eef3f8);--learn-surface: var(--color-surface, #fff);--learn-surface-subtle: var(--color-surface-subtle, #f9fbfd);--learn-surface-raised: var(--color-surface-raised, #fff);--learn-ink: var(--color-ink, #111827);--learn-ink-soft: var(--color-ink-soft, #334155);--learn-muted: var(--color-muted, #64748b);--learn-primary: var(--color-primary, #0f766e);--learn-primary-strong: var(--color-primary-strong, #115e59);--learn-primary-soft: var(--color-primary-soft, rgba(15, 118, 110, .1));--learn-border: var(--color-border, rgba(15, 23, 42, .11));--learn-border-strong: var(--color-border-strong, rgba(15, 118, 110, .34));--learn-action-text: var(--color-action-text, #fff);min-height:100vh;background:radial-gradient(circle at 4% 8%,color-mix(in srgb,var(--learn-primary) 9%,transparent),transparent 28rem),linear-gradient(180deg,var(--learn-page),var(--learn-page-soft));color:var(--learn-ink)}.learn-background{position:fixed;z-index:0;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(var(--learn-border) 1px,transparent 1px),linear-gradient(90deg,var(--learn-border) 1px,transparent 1px);background-size:76px 76px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 72%);mask-image:linear-gradient(to bottom,#000 0%,transparent 72%)}.learn-frame{position:relative;z-index:1;width:min(calc(100% - 2rem),var(--layout-max, 1180px));margin:0 auto;padding:1rem 0 0}.learn-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;min-height:72px;padding:.75rem 1rem;border:1px solid var(--learn-border);border-radius:var(--radius-large, 16px);background:color-mix(in srgb,var(--learn-surface) 94%,transparent);box-shadow:var(--shadow-small, 0 8px 22px rgba(15, 23, 42, .06));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.learn-brand{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--learn-border);border-radius:var(--radius-medium, 12px);background:var(--learn-surface-subtle);box-shadow:var(--shadow-small, 0 8px 22px rgba(15, 23, 42, .06))}.learn-brand img{width:32px;height:32px}.learn-primary-nav{display:flex;width:100%;min-width:0;gap:.25rem;padding:.3rem;border:1px solid var(--learn-border);border-radius:var(--radius-medium, 12px);background:var(--learn-surface-subtle);flex-wrap:wrap}.learn-primary-nav a,.learn-auth-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.58rem .85rem;border-radius:var(--radius-small, 8px);color:var(--learn-ink-soft);font-size:.88rem;font-weight:700;text-decoration:none;transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease}.learn-primary-nav a:hover{color:var(--learn-primary);background:var(--learn-surface-raised)}.learn-primary-nav a.active{background:var(--learn-primary);color:var(--learn-action-text);box-shadow:var(--shadow-small, 0 8px 22px rgba(15, 23, 42, .06))}.learn-auth-actions{display:flex;gap:.5rem}.learn-auth-actions .learn-login-button{border:1px solid var(--learn-border);background:var(--learn-surface-raised)}.learn-auth-actions .learn-register-button{border:1px solid var(--learn-primary);background:var(--learn-primary);color:var(--learn-action-text)}.learn-auth-actions a:hover{transform:translateY(-1px)}.learn-auth-actions .learn-register-button:hover{border-color:var(--learn-primary-strong);background:var(--learn-primary-strong)}.learn-main{width:min(100%,1080px);margin:0 auto;padding:2.25rem 1.25rem 5rem}.learn-breadcrumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.25rem;color:var(--learn-muted);font-size:.86rem}.learn-breadcrumbs a{color:var(--learn-primary);font-weight:650;text-decoration:none}.learn-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:.22em}.learn-hero{margin:0 0 2.5rem;padding:clamp(1.6rem,4vw,3rem);border:1px solid var(--learn-border);border-radius:var(--radius-large, 16px);background:color-mix(in srgb,var(--learn-surface-raised) 96%,transparent);box-shadow:var(--shadow-soft, 0 18px 50px rgba(15, 23, 42, .08))}.learn-eyebrow{margin:0 0 .65rem;color:var(--learn-primary);font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.learn-hero h1{max-width:820px;margin:0;color:var(--learn-ink);font-size:clamp(2rem,4.8vw,4rem);line-height:1.04;letter-spacing:-.045em}.learn-hero>p:not(.learn-eyebrow):not(.learn-meta){max-width:720px;margin:1.15rem 0 0;color:var(--learn-ink-soft);font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.7}.learn-meta{margin:1.35rem 0 0;color:var(--learn-muted);font-size:.82rem}.learn-cta a{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.75rem 1rem;border:1px solid var(--learn-primary);border-radius:var(--radius-small, 8px);font-size:.9rem;font-weight:750;text-decoration:none;transition:transform .16s ease,background .16s ease,border-color .16s ease}.learn-cta a{background:var(--learn-primary);color:var(--learn-action-text)}.learn-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.learn-card{display:flex;flex-direction:column;min-height:300px;padding:1.5rem;border:1px solid var(--learn-border);border-radius:var(--radius-large, 16px);background:color-mix(in srgb,var(--learn-surface-raised) 96%,transparent);box-shadow:var(--shadow-small, 0 8px 22px rgba(15, 23, 42, .06));transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}.learn-card:hover{transform:translateY(-3px);border-color:var(--learn-border-strong);box-shadow:var(--shadow-soft, 0 18px 42px rgba(15, 23, 42, .1))}.learn-card>p:first-child{margin:0;color:var(--learn-primary);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.learn-card h2{margin:.75rem 0 .7rem;font-size:1.28rem;line-height:1.24;letter-spacing:-.02em}.learn-card h2 a{color:var(--learn-ink);text-decoration:none}.learn-card p{margin:0;color:var(--learn-muted);line-height:1.65}.learn-card-action{display:inline-flex;align-items:center;gap:.45rem;margin-top:auto;padding-top:1.35rem;color:var(--learn-primary);font-size:.9rem;font-weight:800;text-decoration:none}.learn-card-action:hover{color:var(--learn-primary-strong)}.learn-article{max-width:820px;margin:0 auto}.learn-article>.learn-hero{margin-bottom:1rem}.learn-article>section,.learn-cta{margin:1rem 0;padding:clamp(1.35rem,3.5vw,2rem);border:1px solid var(--learn-border);border-radius:var(--radius-large, 16px);background:color-mix(in srgb,var(--learn-surface-raised) 96%,transparent);box-shadow:var(--shadow-small, 0 8px 22px rgba(15, 23, 42, .06))}.learn-article h2,.learn-cta h2{margin:0 0 .85rem;color:var(--learn-ink);font-size:clamp(1.3rem,3vw,1.7rem);line-height:1.2;letter-spacing:-.025em}.learn-article p,.learn-article li,.learn-card p{line-height:1.7}.learn-article p,.learn-article li{color:var(--learn-ink-soft)}.learn-article li+li{margin-top:.55rem}.learn-article ul,.learn-article ol{padding-inline-start:1.3rem}.learn-article section a{color:var(--learn-primary);font-weight:700;text-underline-offset:.2em}.learn-formulas{display:grid;gap:.5rem;margin:1rem 0}.learn-formulas p{max-width:100%;margin:0;padding:.75rem 1rem;overflow-x:auto;border:1px solid var(--learn-border-strong);border-radius:var(--radius-small, 8px);background:var(--learn-surface-subtle);color:var(--learn-ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.9rem,3vw,1.03rem);white-space:nowrap}.learn-example{border-inline-start:4px solid var(--learn-primary)!important}.learn-cta{background:linear-gradient(135deg,var(--learn-primary-soft),transparent),var(--learn-surface-raised)}.learn-cta p{max-width:620px;margin-bottom:1.2rem}.learn-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem 2rem;padding:1.2rem 1rem 1.6rem;border-top:1px solid var(--learn-border);color:var(--learn-muted);font-size:.82rem}.learn-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.7rem 1.15rem}.learn-footer a{color:var(--learn-muted);text-decoration:none}.learn-footer a:hover{color:var(--learn-primary)}.learn-page a:focus-visible{outline:3px solid var(--learn-border-strong);outline-offset:3px}@media(max-width:1000px){.learn-header{grid-template-columns:auto 1fr}.learn-primary-nav{align-self:stretch}.learn-auth-actions{grid-column:1 / -1;justify-content:flex-end}}@media(max-width:720px){.learn-frame{width:min(calc(100% - 1rem),var(--layout-max, 1180px));padding-top:.5rem}.learn-header{grid-template-columns:1fr;gap:.65rem;padding:.7rem}.learn-brand{justify-self:start}.learn-primary-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;justify-self:stretch}.learn-auth-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.learn-primary-nav a,.learn-auth-actions a{width:100%}.learn-main{padding:1.35rem .5rem 3.5rem}.learn-breadcrumbs{margin-bottom:1rem}.learn-hero{margin-bottom:1.75rem;padding:1.45rem}.learn-hero h1{font-size:clamp(2rem,10.5vw,3.15rem)}.learn-card-grid{grid-template-columns:1fr}.learn-card{min-height:270px}.learn-footer{justify-content:center;padding-inline:.5rem}.learn-footer nav{justify-content:center}}@media(max-width:440px){.learn-article>section,.learn-cta{padding:1.25rem}}@media(prefers-reduced-motion:reduce){.learn-page *,.learn-page *:before,.learn-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}