@font-face{font-family:__Manrope_73ee6c;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Manrope_73ee6c;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Manrope_73ee6c;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Manrope_73ee6c;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Manrope_73ee6c;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Manrope_73ee6c;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Manrope_Fallback_73ee6c;src:local("Arial");ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.00%;size-adjust:103.19%}.__className_73ee6c{font-family:__Manrope_73ee6c,__Manrope_Fallback_73ee6c;font-style:normal}.__variable_73ee6c{--font-body:"__Manrope_73ee6c","__Manrope_Fallback_73ee6c"}@font-face{font-family:__Space_Grotesk_dd5b2f;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Space_Grotesk_dd5b2f;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Space_Grotesk_dd5b2f;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Space_Grotesk_Fallback_dd5b2f;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_dd5b2f{font-family:__Space_Grotesk_dd5b2f,__Space_Grotesk_Fallback_dd5b2f;font-style:normal}.__variable_dd5b2f{--font-display:"__Space_Grotesk_dd5b2f","__Space_Grotesk_Fallback_dd5b2f"}:root{--bg:#fff;--bg-strong:#f6f9fc;--surface:hsla(0,0%,100%,.96);--surface-strong:#fff;--surface-soft:hsla(0,0%,100%,.96);--surface-dark:#163a63;--surface-dark-2:#214b7b;--line:rgba(66,133,244,.16);--line-strong:rgba(66,133,244,.26);--text:#203447;--muted:#5f7280;--brand:#2d8cff;--brand-deep:#1c62b9;--brand-soft:rgba(45,140,255,.12);--accent:#9fd0ff;--shadow-lg:0 24px 50px rgba(41,100,176,.12);--shadow-md:0 14px 28px rgba(41,100,176,.08);--radius-lg:28px;--radius-md:20px;--radius-sm:14px}*{box-sizing:border-box}html{min-height:100%;background:#fff}body,html{height:100%}body{min-height:100vh;margin:0;color:var(--text);font-family:var(--font-body),sans-serif;background:transparent;overflow:hidden}a{color:inherit;text-decoration:none}button,select{font:inherit}.app-shell{position:relative;display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-shell:after,.app-shell:before{content:"";position:fixed;inset:auto;pointer-events:none;z-index:0}.app-shell:before{top:108px;left:-80px;width:240px;height:240px;filter:blur(28px)}.app-shell:after,.app-shell:before{border-radius:999px;background:hsla(0,0%,100%,0)}.app-shell:after{right:-90px;bottom:60px;width:280px;height:280px;filter:blur(30px)}.site-header{position:relative;z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid hsla(0,0%,100%,.24);border-bottom:1px solid rgba(28,71,125,.28);background:linear-gradient(180deg,rgba(34,78,137,.98),rgba(26,63,112,.96));flex-shrink:0;box-shadow:0 12px 24px rgba(18,47,88,.18),inset 0 -1px 0 rgba(110,164,227,.18)}.site-header__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1500px;margin:0 auto;padding:9px 24px}.site-header__inner:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(167,208,255,.22),transparent)}.site-brand{display:flex;flex-direction:column;gap:0;min-width:0}.site-brand__title{margin:0;font-family:var(--font-display),sans-serif;font-size:clamp(1.4rem,1.8vw,2rem);font-weight:800;letter-spacing:.02em;color:#fff;text-shadow:0 1px 0 rgba(8,24,47,.28)}.site-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.header-dropdown{position:relative}.header-dropdown__button{border:1px solid rgba(167,208,255,.12);background:hsla(0,0%,100%,.1);color:#f8fbff;border-radius:999px;padding:.45rem .85rem;font-weight:600;letter-spacing:.01em;transition:transform .16s ease,background .16s ease,border-color .16s ease}.header-dropdown__button:focus-visible,.header-dropdown__button:hover{background:hsla(0,0%,100%,.18);border-color:rgba(167,208,255,.22);transform:translateY(-1px);outline:none}.header-dropdown__menu{position:absolute;top:calc(100% + 12px);left:0;min-width:230px;display:grid;grid-gap:6px;gap:6px;padding:12px;border:1px solid rgba(69,122,197,.12);border-radius:18px;background:hsla(0,0%,100%,.98);box-shadow:var(--shadow-lg)}.header-dropdown__item{border-radius:14px;padding:.8rem .95rem;color:var(--text);transition:background .16s ease,color .16s ease,transform .16s ease}.header-dropdown__item:hover{background:linear-gradient(135deg,rgba(45,140,255,.08),rgba(159,208,255,.16));color:#31527d;transform:translateX(2px)}.page-frame{position:relative;z-index:1;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:24px 28px 32px;width:100%;scrollbar-color:rgba(45,140,255,.35) transparent}.code-panel,.hero-card,.panel,.sidebar-card{background:var(--surface);box-shadow:var(--shadow-md)}.hero-card{padding:28px;border-radius:var(--radius-lg);margin-bottom:24px;background:hsla(0,0%,100%,.98)}.hero-card__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:.4rem .7rem;border-radius:999px;background:rgba(45,140,255,.1);color:#35639a;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hero-card__title{margin:16px 0 10px;font-family:var(--font-display),sans-serif;font-size:clamp(1.45rem,2.3vw,2.05rem);line-height:1.05;color:var(--text)}.hero-card__subtitle{max-width:760px;margin:0;color:var(--muted);font-size:1.02rem;line-height:1.75}.concept-layout{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}.sidebar-card{width:100%;padding:18px;border-radius:var(--radius-lg);position:-webkit-sticky;position:sticky;top:0;background:hsla(0,0%,100%,.98)}.sidebar-card__eyebrow{display:inline-flex;margin-bottom:10px;border-radius:999px;padding:.35rem .7rem;background:rgba(45,140,255,.1);color:#35639a;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar-card__title{margin:0 0 6px;font-family:var(--font-display),sans-serif;font-size:1.1rem;color:var(--text)}.sidebar-card__text{margin:0 0 18px;color:var(--muted);font-size:.92rem;line-height:1.6}.sidebar-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px;max-height:68vh;overflow:auto}.sidebar-button{width:100%;text-align:left;border:0;border-radius:18px;padding:14px 16px;background:hsla(0,0%,100%,.98);color:var(--text);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.sidebar-button:focus-visible,.sidebar-button:hover{transform:translateY(-1px);background:rgba(247,251,255,.98);box-shadow:0 10px 18px rgba(41,100,176,.08);outline:none}.sidebar-button--active{background:rgba(240,247,255,.98);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.75)}.sidebar-button__title{display:block;font-weight:700;margin-bottom:6px}.sidebar-button__description{display:block;color:var(--muted);font-size:.9rem;line-height:1.55}.content-stack{min-width:0;display:flex;flex-direction:column;gap:16px}.tabs-row{display:flex;flex-wrap:wrap;gap:10px}.pill-button,.tab-button{border:0;background:hsla(0,0%,100%,.96);color:var(--text);border-radius:999px;padding:.4rem .8rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.pill-button:focus-visible,.pill-button:hover,.tab-button:focus-visible,.tab-button:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(69,122,197,.18);outline:none}.pill-button--active,.tab-button--active{background:rgba(240,247,255,.98);box-shadow:0 0 0 1px rgba(69,122,197,.22);color:#31527d}.panel{border-radius:var(--radius-lg);padding:24px;background:hsla(0,0%,100%,.98)}.panel__kicker{margin:0 0 10px;color:var(--brand-deep);font-size:.82rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.panel__title{margin:0 0 10px;font-family:var(--font-display),sans-serif;font-size:clamp(1.45rem,2vw,2rem)}.panel__meta,.panel__text{margin:0;color:var(--muted);line-height:1.75}.panel__title{color:var(--text)}.panel__kicker,.panel__meta,.panel__text{color:var(--muted)}.panel__text+.panel__text{margin-top:12px}.editor-shell{display:flex;flex-direction:column;gap:8px}.editor-toolbar{justify-content:flex-end;gap:12px}.editor-toolbar,.editor-toolbar__group{display:flex;align-items:center;flex-wrap:wrap}.editor-toolbar__group{gap:10px}.editor-toolbar{padding:0 4px}.toolbar-label{font-size:.92rem;color:var(--muted)}.code-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.code-panel{overflow:hidden;border-radius:var(--radius-lg);border-color:rgba(87,65,43,.42);background:linear-gradient(180deg,rgba(39,31,27,.98),rgba(22,19,17,.99));box-shadow:0 24px 48px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,245,230,.05)}.code-panel__controls{display:flex;align-items:center;gap:10px;padding:14px 16px;color:#efe1cf;background:linear-gradient(180deg,rgba(54,43,37,.96),rgba(34,28,24,.94));border-bottom:1px solid hsla(33,58%,78%,.08);flex-wrap:wrap}.code-panel__label{font-weight:700}.code-select,.run-button{border-radius:12px;border:1px solid hsla(0,0%,100%,.14)}.code-select{min-width:140px;padding:.65rem .8rem;background:rgba(255,247,236,.06);color:#f0e0cd}.run-button{margin-left:auto;padding:.7rem 1rem;background:linear-gradient(135deg,#8f9879,#687157);color:#fff8f0;font-weight:700;cursor:pointer;transition:transform .16s ease,filter .16s ease}.run-button:focus-visible,.run-button:hover{transform:translateY(-1px);filter:brightness(1.03);outline:none}.run-button:disabled{cursor:wait;opacity:.72}.code-output{padding:14px 16px 18px;border-top:1px solid hsla(33,58%,78%,.07);background:linear-gradient(180deg,rgba(21,18,17,.84),rgba(17,15,14,.96))}.code-output__label{display:block;margin-bottom:8px;color:hsla(32,54%,90%,.86);font-weight:700}.code-output__pre{min-height:160px;margin:0;padding:14px;border-radius:16px;background:rgba(255,248,239,.03);color:#eadfce;border:1px solid hsla(33,58%,78%,.06);white-space:pre-wrap;line-height:1.6}.quiz-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:12px;gap:12px}.quiz-item{border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:hsla(0,0%,100%,.68)}.site-footer{position:relative;z-index:1;margin-top:24px;border-radius:20px;border:1px solid rgba(66,133,244,.12);padding:18px 24px;text-align:center;color:var(--muted);background:hsla(0,0%,100%,.96);box-shadow:0 10px 24px rgba(41,100,176,.06)}@media (max-width:1100px){.concept-layout{grid-template-columns:1fr}.sidebar-card{position:static;width:100%}.code-grid,.content-intro__grid{grid-template-columns:1fr}}@media (max-width:720px){.page-frame,.site-footer,.site-header__inner{padding-left:16px;padding-right:16px}.hero-card,.panel,.sidebar-card{padding:20px}.header-dropdown__menu{left:auto;right:0}}