@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#f7f4ef;--bg-strong:#e8edf9;--surface:#ffffffc2;--surface-strong:#fffffff0;--text:#101722;--muted:#526076;--border:#1017221a;--shadow:0 30px 90px #111c2d21;--shadow-soft:0 18px 44px #111c2d17;--accent:#ff5b2e;--accent-strong:#d93a15;--accent-cool:#0b6fff;--accent-bright:#ffcc3d;--accent-mint:#0fbf79;--radius-xl:34px;--radius-lg:24px;--radius-md:18px;--radius-sm:999px;--content-width:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 0 0,#ff5b2e2e,#0000 28%),radial-gradient(circle at 100% 0,#0b6fff38,#0000 24%),radial-gradient(circle at 55% 20%,#ffcc3d29,#0000 22%),linear-gradient(#f8f2ea 0%,#f4f4f6 38%,#eef4ff 100%);min-height:100vh;margin:0;font:500 16px/1.7 Manrope,sans-serif}body:before{content:"";pointer-events:none;opacity:.38;background-image:linear-gradient(#ffffff42 1px,#0000 1px),linear-gradient(90deg,#ffffff42 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000004d,#0000 85%);mask-image:linear-gradient(#0000004d,#0000 85%)}body:after{content:"";pointer-events:none;background:linear-gradient(#0b6fff00,#0b6fff14);height:34vh;position:fixed;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000,#000c);mask-image:linear-gradient(#0000,#000c)}::selection{color:var(--text);background:#ff5b2e33}a{color:inherit;text-decoration:none}img{max-width:100%}a:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #0b6fff59}.skip-link{z-index:50;border-radius:var(--radius-sm);color:#fff;background:#101722;min-height:46px;padding:10px 16px;font-weight:800;transition:top .18s;position:absolute;top:-60px;left:16px}.skip-link:focus{top:14px}.site-shell{position:relative}.site-header{z-index:30;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f8f3ecc2;border-bottom:1px solid #1017220f;position:sticky;top:0;box-shadow:0 12px 32px #111c2d0d}.site-bar{width:min(100% - 32px, var(--content-width));align-items:center;gap:16px;margin:0 auto;padding:18px 0;display:flex}.site-brand{flex:auto;align-items:center;gap:14px;min-width:0;display:inline-flex}.site-brand>span:last-child{min-width:0}.site-brand strong{letter-spacing:.01em;font:800 1.06rem/1 Manrope,sans-serif;display:block}.site-brand small{color:var(--muted);max-width:34ch;margin-top:5px;font-size:.81rem;display:block}.site-brand-mark{background:radial-gradient(circle at 30% 30%, #ffffff8c, transparent 38%), linear-gradient(135deg, var(--accent), var(--accent-bright), var(--accent-cool));border-radius:8px;flex:none;width:22px;height:22px;box-shadow:0 0 0 7px #ff5b2e14,0 12px 28px #0b6fff2e}.site-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-left:auto;display:flex}.site-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.site-nav a,.nav-toggle{border-radius:var(--radius-sm);color:var(--muted);white-space:nowrap;padding:10px 14px;font-size:.92rem;font-weight:800;transition:color .16s,background .16s,transform .16s,box-shadow .16s}.site-meta{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.weather-chip{border-radius:var(--radius-sm);min-height:36px;color:var(--text);white-space:nowrap;background:#ffffffad;border:1px solid #10172214;justify-content:flex-end;align-items:center;gap:10px;padding:0 12px;font-size:.83rem;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffffb8,0 10px 24px #111c2d0f}.weather-chip-action{cursor:pointer;appearance:none;font:inherit}.weather-chip-action:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffb8,0 12px 28px #111c2d1a}.weather-chip.is-loading{min-width:150px}.weather-icon,.weather-dot{width:20px;height:20px;color:var(--accent-cool);background:#0b6fff1a;border-radius:999px;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.weather-dot{background:linear-gradient(135deg, var(--accent), var(--accent-cool));width:8px;height:8px;margin-right:2px;box-shadow:0 0 0 6px #0b6fff14}.weather-temp{color:var(--text);letter-spacing:-.02em}.weather-city,.weather-country{color:var(--muted)}.weather-country{letter-spacing:.08em;font-size:.74rem}.weather-skeleton{background:linear-gradient(90deg,#bdc7d64d,#bdc7d699,#bdc7d64d) 0 0/200% 100%;border-radius:999px;height:10px;animation:1.6s linear infinite weather-pulse;display:inline-flex}.weather-skeleton-temp{width:34px}.weather-skeleton-city{width:64px}@keyframes weather-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.site-nav a:hover,.site-nav a.is-active,.locale-link:hover,.locale-link.is-active,.nav-toggle:hover{color:var(--text);background:#ffffffeb;box-shadow:0 10px 24px #111c2d14}.locale-switcher{border-radius:var(--radius-sm);background:#ffffff8f;border:1px solid #1017220f;align-items:center;gap:8px;padding:6px;display:inline-flex;box-shadow:inset 0 1px #fff9}.locale-link{border-radius:var(--radius-sm);min-height:42px;color:var(--muted);white-space:nowrap;align-items:center;gap:8px;padding:0 12px;font-size:.84rem;font-weight:800;transition:color .16s,background .16s,transform .16s;display:inline-flex}.locale-flag{font-size:1rem;line-height:1}.locale-code{letter-spacing:.08em}.nav-toggle{border:1px solid var(--border);cursor:pointer;text-align:center;background:#ffffffeb;justify-content:center;align-items:center;margin-left:auto;line-height:1;display:none}.site-main{width:min(100% - 32px, var(--content-width));margin:0 auto;padding:52px 0 96px}.hero-shell,.platform-hero,.project-hero,.section-block,.sidebar-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow)}.hero-shell{background:radial-gradient(circle at 0 0,#ffcc3d33,#0000 28%),linear-gradient(135deg,#0c1731 0%,#14274b 52%,#1858b8 100%);border-color:#547aff38;grid-template-columns:1.4fr .9fr;gap:32px;padding:36px;display:grid;position:relative;overflow:hidden;box-shadow:0 42px 120px #111c2d3d}.hero-shell:after,.platform-hero:after,.project-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff5b2e3d,#0000 65%);border-radius:50%;width:360px;height:360px;position:absolute;inset:auto -6% -32% auto}.hero-shell:before,.section-block:before,.platform-hero:before,.project-hero:before,.sidebar-card:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffffff2e,#0000 32%);position:absolute;inset:0}.hero-copy h1,.platform-hero h1,.project-hero h1,.section-heading h2,.sidebar-card h3,.footer-grid h2,.story-card h3{letter-spacing:-.02em;font-family:Fraunces,serif}.hero-copy h1,.platform-hero h1,.project-hero h1{text-wrap:balance;margin:0 0 16px;font-size:clamp(2.6rem,5vw,4.7rem);line-height:.96}.hero-copy p,.platform-hero p,.project-hero p{max-width:63ch;color:var(--muted);margin:0;font-size:1.02rem}.hero-shell .hero-copy h1,.hero-shell .hero-copy p{color:#f8fbff}.hero-shell .hero-copy p{color:#f4f9ffd6;max-width:58ch}.eyebrow,.metric-label,.story-meta span,.project-facts span{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:.72rem;font-weight:800}.hero-shell .eyebrow{color:var(--accent-bright)}.hero-actions,.story-links,.sidebar-actions,.footer-links{flex-wrap:wrap;gap:12px;display:flex}.hero-actions{margin-top:24px}.button-primary,.button-secondary,.action,.story-readmore,.pagination-arrow,.page-pill{border-radius:var(--radius-sm);justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-size:.92rem;font-weight:800;transition:transform .18s,background .18s,color .18s,border-color .18s;display:inline-flex}.button-primary,.action,.story-readmore{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff8f2;box-shadow:0 14px 32px #d93a153d}.button-secondary,.pagination-arrow,.page-pill{color:var(--text);border:1px solid var(--border);background:#ffffffe6}.button-primary:hover,.button-secondary:hover,.action:hover,.story-readmore:hover,.pagination-arrow:hover,.page-pill:hover{transform:translateY(-2px)}.hero-shell .button-secondary{color:#f4f8ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border-color:#ffffff2e}.button-primary:hover,.action:hover,.story-readmore:hover{box-shadow:0 18px 38px #d93a1547}.hero-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff2e,#ffffff14),#ffffff14;border:1px solid #ffffff2e;border-radius:28px;gap:18px;min-height:100%;padding:24px;display:grid}.hero-panel-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hero-panel-top span{color:#f4f9ffbd;font-size:.88rem;font-weight:700}.hero-panel-top strong{color:#fff;font:700 1.6rem/1 Fraunces,serif}.hero-spotlight{gap:14px;display:grid}.hero-spotlight article{border-radius:var(--radius-lg);background:#ffffffeb;border:1px solid #ffffff38;padding:18px;box-shadow:0 18px 38px #06102429}.hero-spotlight span{color:var(--accent-cool);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;font-weight:800;display:inline-flex}.hero-spotlight strong{margin:8px 0 10px;font:700 1.35rem/1.05 Fraunces,serif;display:block}.hero-spotlight p{color:var(--muted);margin:0;font-size:.94rem}.metric-grid,.content-shell,.story-grid,.footer-grid,.project-layout,.project-facts{gap:22px;display:grid}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:34px 0 0}.metric-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 100% 0,#ffffffeb,#0000 34%),linear-gradient(#fffffff0,#f3f7ffc7);border:1px solid #10172214;padding:24px;position:relative;overflow:hidden}.metric-card:before{content:"";background:linear-gradient(90deg, var(--metric-accent,var(--accent-cool)), #fff0);height:4px;position:absolute;inset:0 0 auto}.metric-card-docs{--metric-accent:var(--accent-cool)}.metric-card-packages{--metric-accent:var(--accent)}.metric-card-platforms{--metric-accent:var(--accent-mint)}.metric-card strong{margin:12px 0 10px;font:700 2.1rem/1 Fraunces,serif;display:block}.metric-card p{color:var(--muted);margin:0;line-height:1.65}.content-shell{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);align-items:start;margin-top:46px}.content-stack{gap:28px;display:grid}.section-block,.platform-hero,.project-hero{background:radial-gradient(circle at 100% 0,#0b6fff0f,#0000 24%),linear-gradient(#ffffffeb,#f8faffc2);padding:36px;position:relative;overflow:hidden}.section-heading{gap:10px;margin-bottom:32px;display:grid}.section-heading>div{gap:10px;display:grid}.section-heading h2{text-wrap:balance;margin:0;font-size:clamp(1.9rem,2.8vw,3rem);line-height:1.04}.section-heading p{color:var(--muted);max-width:62ch;margin:0}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.story-grid-featured{grid-template-columns:minmax(0,1.28fr) minmax(0,.92fr);grid-auto-rows:minmax(0,1fr);gap:24px}.story-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.story-card{border-radius:var(--radius-lg);height:100%;box-shadow:var(--shadow-soft);background:radial-gradient(circle at 100% 0,#ffffffeb,#0000 32%),linear-gradient(#fffffff5,#f8faffd6);border:1px solid #10172214;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden}.story-card:before{content:"";background:linear-gradient(90deg, var(--card-accent,var(--accent-cool)), #fff0);height:5px;position:absolute;inset:0 0 auto}.story-card.platform-vanilla{--card-accent:#ff8f1f}.story-card.platform-angular{--card-accent:#ff5b2e}.story-card.platform-react{--card-accent:#0b6fff}.story-card.platform-vue{--card-accent:#0fbf79}.story-grid-featured .story-card:first-child{background:radial-gradient(circle at 0 0,#ffcc3d2e,#0000 24%),linear-gradient(160deg,#0c1731 0%,#14274b 58%,#1d5bd5 100%);border-color:#547aff33;grid-row:span 2;justify-content:space-between;box-shadow:0 32px 80px #111c2d38}.story-grid-featured .story-card:first-child:before{background:linear-gradient(180deg, var(--accent-bright), #fff0);width:6px;height:100%;inset:0 auto 0 0}.story-grid-featured .story-card:first-child h3 a,.story-grid-featured .story-card:first-child p,.story-grid-featured .story-card:first-child .story-meta span{color:#f5f8ff}.story-grid-featured .story-card:first-child .chip-row li{color:#f5f8ff;background:#ffffff1f}.story-grid-featured .story-card:first-child .action{color:#fff;box-shadow:none;background:#ffffff1f;border:1px solid #ffffff2e}.story-grid-featured .story-card:first-child .story-readmore{background:linear-gradient(135deg, var(--accent), var(--accent-strong))}.story-grid-featured .story-card:first-child h3{font-size:clamp(2rem,3.2vw,2.8rem)}.story-card-featured:not(:first-child){background:radial-gradient(circle at 100% 0,#ffcc3d2e,#0000 28%),linear-gradient(#fffffff5,#f8faffdb)}.story-meta{flex-wrap:wrap;gap:10px;display:flex}.story-card h3{text-wrap:balance;margin:0;font-size:1.65rem;line-height:1.04}.story-card h3 a:hover{color:var(--accent-strong)}.story-card p,.sidebar-card p,.project-body p,.footer-note{color:var(--muted);margin:0}.metric-card,.sidebar-card,.project-facts div{height:100%}.chip-row,.check-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.chip-row li,.check-list li{border-radius:var(--radius-sm);color:#215782;background:#0b6fff14;padding:9px 12px;font-size:.84rem;font-weight:800}.check-list{margin-top:18px}.story-links{width:100%;margin-top:10px}.story-card .action{color:var(--text);box-shadow:none;background:#0b17300a;border:1px solid #10172214}.story-card .action:hover{color:var(--accent-cool);box-shadow:none;background:#0b6fff1a}.story-links .story-readmore{margin-left:auto}.page-sidebar{align-content:start;gap:20px;display:grid}.sidebar-card{background:radial-gradient(circle at 100% 0,#ff5b2e14,#0000 24%),linear-gradient(#ffffffeb,#f7faffcc);padding:24px;position:relative;overflow:hidden}.sidebar-links,.sidebar-actions{gap:10px;display:grid}.sidebar-links a{color:var(--muted);background:#ffffffe6;border:1px solid #10172214;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-weight:700;transition:transform .16s,background .16s,color .16s,box-shadow .16s;display:flex}.sidebar-links a.is-active,.sidebar-links a:hover{color:var(--text);background:#ff5b2e14;transform:translate(3px);box-shadow:0 10px 24px #111c2d14}.pagination-wrap{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-top:28px;display:grid}.pagination-wrap>:last-child{justify-self:end}.pagination-pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.page-pill.is-current,.pagination-arrow.is-disabled{opacity:.42;pointer-events:none}.project-hero{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:26px;display:grid}.project-facts{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.project-facts div{background:#ffffffdb;border:1px solid #10172214;border-radius:20px;padding:18px;box-shadow:inset 0 1px #ffffff80}.project-facts strong{margin-top:10px;font:700 1.12rem/1.2 Manrope,sans-serif;display:block}.project-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.7fr)}.project-body{gap:18px;display:grid}.site-footer{width:min(100% - 32px, var(--content-width));margin:0 auto 40px}.footer-grid{border-radius:var(--radius-xl);color:#fffaf2e6;background:radial-gradient(circle at 0 0,#ff5b2e38,#0000 28%),radial-gradient(circle at 100% 0,#0b6fff2e,#0000 24%),linear-gradient(135deg,#101722 0%,#111e39 50%,#14274b 100%);border:1px solid #ffffff14;padding:30px;box-shadow:0 32px 80px #100c0a57}.footer-grid h2{margin:6px 0 0;font-size:clamp(1.8rem,2.8vw,2.8rem)}.footer-links a{color:#fffaf2e6;background:#ffffff14;border:1px solid #ffffff14}.footer-note{max-width:62ch}.platform-angular .eyebrow,.page-project-angular .eyebrow{color:#ff6a43}.platform-react .eyebrow,.page-project-react .eyebrow{color:#1970ff}.platform-vue .eyebrow,.page-project-vue .eyebrow{color:#0fae72}.platform-vanilla .eyebrow,.page-project-vanilla .eyebrow{color:#ff8f1f}.js-ready [data-reveal]{opacity:1;will-change:transform;transform:translateY(14px)}.js-ready [data-reveal].is-visible{transition:transform .42s;transform:translateY(0)}@media (width>=1121px){.page-sidebar{position:sticky;top:112px}}@media (width<=1120px){.hero-shell,.project-hero,.content-shell,.project-layout{grid-template-columns:1fr}.metric-grid,.story-grid,.story-grid-featured,.story-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.story-grid-featured .story-card:first-child{grid-row:auto}}@media (width<=920px){.site-bar{gap:12px}.hero-shell,.platform-hero,.project-hero,.content-shell,.project-layout{gap:22px}.metric-grid,.story-grid,.story-grid-featured,.story-grid-compact{grid-template-columns:1fr}}@media (width<=760px){.site-main{width:min(100% - 20px, var(--content-width));padding:28px 0 56px}.site-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand toggle""tools tools";align-items:center;gap:12px 10px;padding:14px 0;display:grid}.site-brand{grid-area:brand}.nav-toggle{grid-area:toggle;justify-self:end;min-width:88px;min-height:44px;margin-left:0;padding:0 16px;display:inline-flex}.site-tools{flex-direction:column;grid-area:tools;align-items:stretch;width:100%;margin-left:0;padding-top:6px;display:none}.site-tools.is-open{display:flex}.site-nav{justify-content:flex-start;gap:8px;width:100%}.site-meta{align-items:stretch;width:100%}.weather-chip{justify-content:center;width:100%}.site-nav a{justify-content:center;width:100%;display:flex}.locale-switcher{justify-content:center;gap:6px;width:100%;padding:4px}.locale-link{flex:1 1 0;justify-content:center;min-height:38px;padding:0 10px}.site-tools.is-open .site-nav{display:flex}.site-bar{flex-wrap:wrap}.site-brand{max-width:calc(100% - 110px)}.site-brand small{display:none}.hero-shell,.platform-hero,.project-hero,.section-block,.sidebar-card,.footer-grid{border-radius:24px;padding:22px}.hero-copy h1,.platform-hero h1,.project-hero h1{font-size:clamp(2.3rem,11vw,3.7rem)}.hero-shell{background:radial-gradient(circle at 0 0,#ffcc3d29,#0000 34%),linear-gradient(165deg,#0c1731 0%,#14274b 58%,#1b4fa8 100%)}.hero-panel-top{flex-direction:column;align-items:flex-start}.hero-actions>*,.sidebar-actions>*{flex:100%}.story-links .action,.story-links .story-readmore{flex:calc(50% - 10px)}.story-links .story-readmore{margin-left:0}.story-grid-featured .story-card:first-child h3{font-size:clamp(1.7rem,8vw,2.35rem)}.project-facts,.pagination-wrap{grid-template-columns:1fr}.pagination-wrap>:last-child{justify-self:start}.pagination-pages{justify-content:flex-start}}html,body,#root{min-height:100%}body{margin:0}#root{min-height:100vh}button,input,select,textarea{font:inherit}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skeleton-line,.skeleton-block{background:#ffffff61;position:relative;overflow:hidden}.skeleton-line:after,.skeleton-block:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:1.2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-line-brand{border-radius:999px;width:min(100%,320px);height:56px}.skeleton-block{border-radius:var(--radius-lg);min-height:180px}.skeleton-block-hero{min-height:340px}.skeleton-block-panel{min-height:300px}.loading-veil{pointer-events:none;background:linear-gradient(#ffffff0a,#fff0);position:fixed;inset:0}@keyframes shimmer{to{transform:translate(100%)}}