:root{--bg-primary: #05090f;--bg-secondary: #080e18;--bg-elevated: #0c1524;--bg-raised: #101c2e;--bg-glass: rgba(12, 21, 36, .72);--text-primary: #eaf2fa;--text-secondary: #9db2c8;--text-tertiary: #65819d;--border-subtle: rgba(150, 192, 228, .13);--border-strong: rgba(150, 192, 228, .26);--accent-primary: #63dcf5;--accent-hover: #9aecff;--accent-deep: #1d8fb8;--accent-gradient: linear-gradient(135deg, #7ce6fb 0%, #2a9fc4 100%);--hero-gradient: radial-gradient(1100px 680px at 50% -14%, rgba(110, 200, 240, .17), transparent 62%), radial-gradient(760px 520px at 88% 4%, rgba(48, 110, 190, .14), transparent 70%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 8px 20px -8px rgba(0, 0, 0, .7);--shadow-lg: 0 30px 60px -24px rgba(0, 0, 0, .85);--shadow-xl: 0 60px 100px -40px rgba(0, 0, 0, .95);--glow: 0 0 60px -12px rgba(99, 220, 245, .45);--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--measure: 42rem;--gutter: clamp(20px, 4vw, 40px);--page: 1180px;font-family:Inter Variable,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-primary);background-image:var(--hero-gradient);background-repeat:no-repeat;background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow-x:hidden}#app{min-height:100vh}::selection{background:#63dcf547}h1,h2,h3,h4{text-wrap:balance}.display{font-size:clamp(2.6rem,6.6vw,5.1rem);line-height:.98;letter-spacing:-.052em;font-weight:620;margin:0}.h2{font-size:clamp(1.9rem,3.5vw,2.9rem);line-height:1.05;letter-spacing:-.04em;font-weight:630;margin:0}.h3{font-size:1.2rem;line-height:1.3;letter-spacing:-.02em;font-weight:620;margin:0}.label{font-family:var(--mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary)}.label-accent{color:var(--accent-primary)}.lede{font-size:1.1rem;line-height:1.64;color:var(--text-secondary);max-width:var(--measure)}a:not([class]){color:var(--accent-primary);font-weight:500;text-decoration:none;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s}a:not([class]):visited{color:var(--accent-primary)}a:not([class]):hover{color:var(--accent-hover);text-decoration:underline}a:not([class]):focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:2px}.crumbs a,.crumbs a:visited{color:var(--text-tertiary);font-weight:400}.crumbs a:hover{color:var(--accent-primary);text-decoration:none}.wrap{max-width:var(--page);margin:0 auto;padding:0 var(--gutter)}.rule{border:0;border-top:1px solid var(--border-subtle);margin:0}.glass{background:var(--bg-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-subtle)}.panel{position:relative;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:linear-gradient(170deg,#142338c7,#080e189e);box-shadow:var(--shadow-md)}.panel:before{content:"";position:absolute;top:0;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(150,230,252,.75),transparent);pointer-events:none}.plate{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff1a;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;border:1px solid transparent;border-radius:12px;font:inherit;font-size:.92rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s}.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.btn.primary{background:linear-gradient(180deg,#fff,#cfe8f7);color:#06121f;box-shadow:0 1px #ffffffb3 inset,0 14px 34px -14px #82d7f5bf}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 1px #ffffffb3 inset,0 20px 42px -14px #82d7f5e6}.btn.secondary{border-color:var(--border-strong);color:var(--text-primary);background:#ffffff05}.btn.secondary:hover{border-color:var(--accent-primary);color:var(--accent-hover)}.btn.ghost{color:var(--text-secondary);padding-left:6px;padding-right:6px}.btn.ghost:hover{color:var(--text-primary)}.btn.large{padding:15px 30px;font-size:1rem}.will-reveal{opacity:0;transform:translateY(18px)}.will-reveal.revealed{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay, 0ms)}@media(prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.tpl-page{max-width:46rem;margin:0 auto;padding:4rem 1.5rem 6rem;line-height:1.65;color:var(--text-secondary)}.tpl-page .crumbs{font-size:.85rem;color:var(--text-tertiary);margin-bottom:2rem}.tpl-page .crumbs a{color:var(--text-tertiary);text-decoration:none}.tpl-page .crumbs a:hover{color:var(--accent-primary)}.tpl-page h1{font-size:clamp(2rem,5vw,2.9rem);line-height:1.1;letter-spacing:-.035em;font-weight:630;color:var(--text-primary);margin:0 0 .5rem;text-wrap:balance}.tpl-page .tagline{font-size:1.15rem;color:var(--text-secondary);margin:0 0 2.5rem}.tpl-page h2{font-size:1.4rem;letter-spacing:-.02em;color:var(--text-primary);margin:3rem 0 1rem}.tpl-page h3{font-size:1.05rem;color:var(--text-primary);margin:0 0 .35rem}.tpl-page p{margin:0 0 1rem}.tpl-page ul{margin:0 0 1rem;padding-left:1.2rem}.tpl-page li{margin-bottom:.5rem}.tpl-page .tpl{border-top:1px solid var(--border-subtle);padding:1.75rem 0 .5rem}.tpl-page .tpl .ext{font-size:.75rem;color:var(--text-tertiary);font-family:var(--mono);margin-left:.4rem}.tpl-page .note{color:var(--text-secondary);margin-bottom:.9rem}.tpl-page .src{position:relative}.tpl-page pre{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px;padding:1rem;overflow-x:auto;font-size:.8rem;line-height:1.55;margin:0;color:#b7cde2}.tpl-page pre code{font-family:var(--mono)}.tpl-page .copy{position:absolute;top:.6rem;right:.6rem;z-index:1;font:inherit;font-size:.75rem;padding:.3rem .7rem;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg-raised);color:var(--text-secondary);cursor:pointer}.tpl-page .copy:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.tpl-page .more{font-size:.8rem;color:var(--text-tertiary);margin:.5rem 0 0}.tpl-page .cats{list-style:none;padding:0;margin:2rem 0 0}.tpl-page .cats li{border-top:1px solid var(--border-subtle);padding:1.25rem 0;margin:0}.tpl-page .cats a{display:flex;align-items:baseline;gap:.75rem;text-decoration:none;color:var(--text-primary);font-size:1.1rem;font-weight:600}.tpl-page .cats a:hover .cat-title{color:var(--accent-primary)}.tpl-page .cats .count{font-size:.8rem;font-weight:500;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.tpl-page .cats p{margin:.3rem 0 0;font-size:.95rem}.tpl-page .cta{margin-top:4rem;padding:2rem;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-subtle)}.tpl-page .cta h2{margin-top:0}.tpl-page .btn{display:inline-block;background:linear-gradient(180deg,#fff,#cfe8f7);color:#06121f;text-decoration:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600}.tpl-page .preview{margin:0 0 1rem;padding:1rem;background:#fff;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow-x:auto;text-align:center}.tpl-page .preview img{max-width:100%;height:auto}.tpl-page .preview figcaption{margin-top:.75rem;font-size:.8rem;color:#64748b}.tpl-page .src-wrap{margin-bottom:.5rem}.tpl-page .src-wrap summary{cursor:pointer;font-size:.85rem;color:var(--text-tertiary);padding:.35rem 0;-webkit-user-select:none;user-select:none}.tpl-page .src-wrap summary:hover{color:var(--accent-primary)}.tpl-page .src-wrap[open] summary{margin-bottom:.6rem}.tpl-page .tpl h3 a{color:inherit;text-decoration:none}.tpl-page .tpl h3 a:hover{color:var(--accent-primary)}.tpl-page .facts{list-style:none;margin:0 0 2rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.tpl-page .facts li{margin:0;padding:.35rem .7rem;border:1px solid var(--border-subtle);border-radius:999px;font-size:.8rem;color:var(--text-secondary);background:var(--bg-elevated)}.tpl-page .facts li span{color:var(--text-tertiary);margin-right:.4rem}.tpl-page .cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:0}.tpl-page .btn-secondary{background:none;border:1px solid var(--border-strong);color:var(--text-primary)}.tpl-page .btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.tpl-page .siblings{list-style:none;padding:0}.tpl-page .siblings li{margin-bottom:.6rem;font-size:.9rem;color:var(--text-tertiary)}.tpl-page .siblings a{color:var(--text-primary);text-decoration:none;font-weight:600}.tpl-page .siblings a:hover{color:var(--accent-primary)}.tpl-page .siblings .sib-note{margin-left:.5rem}