.tech-video-shell[data-astro-cid-snphhpyv]{background:#050c17ad;border:1px solid #b1ddec2e;border-radius:20px;padding:clamp(.75rem,1.9vw,1.35rem)}.tech-video-tabs[data-astro-cid-snphhpyv]{flex-wrap:wrap;gap:.65rem;margin-bottom:1rem;display:flex}.tech-playlist-option[data-astro-cid-snphhpyv]{color:#d6e4f4;cursor:pointer;background:#131e2ff0;border:1px solid #33445e;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem .95rem;font-family:inherit;font-size:.87rem;display:flex}.tech-playlist-option[data-astro-cid-snphhpyv]:hover,.tech-playlist-option[data-astro-cid-snphhpyv].chosen{color:#fff;background:#00ffcc1a;border-color:#0fc}.tech-playlist-number[data-astro-cid-snphhpyv]{color:#0fc;font:700 .7rem JetBrains Mono,monospace}.tech-video-layout[data-astro-cid-snphhpyv]{grid-template-columns:minmax(0,1.5fr) minmax(285px,.85fr);align-items:start;gap:1rem;display:grid}.tech-video-main[data-astro-cid-snphhpyv]{flex-direction:column;gap:.8rem;min-width:0;display:flex}.tech-video-display[data-astro-cid-snphhpyv]{aspect-ratio:16/9;background:#050911;border:1px solid #273a4b;border-radius:12px;min-width:0;position:relative;overflow:hidden}.tech-video-display[data-astro-cid-snphhpyv] iframe,.tech-video-display[data-astro-cid-snphhpyv] [data-video-holder]{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.tech-video-placeholder[data-astro-cid-snphhpyv]{z-index:1;color:#bdd8df;background:#081421;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;display:flex;position:absolute;inset:0}.tech-video-placeholder[data-astro-cid-snphhpyv][hidden]{display:none}.tech-video-play-icon[data-astro-cid-snphhpyv]{color:#5ce5d0;border:1px solid #5ce5d0;border-radius:50%;place-items:center;width:52px;height:52px;font-size:1.3rem;display:grid}.tech-video-info[data-astro-cid-snphhpyv]{flex-direction:column;gap:.45rem;padding:.2rem .4rem;display:flex}.tech-video-info[data-astro-cid-snphhpyv] .tech-overline[data-astro-cid-snphhpyv]{color:#63f0d5;letter-spacing:.1em;font:700 .7rem JetBrains Mono,monospace}.tech-video-info[data-astro-cid-snphhpyv] h3[data-astro-cid-snphhpyv]{font-size:clamp(1.05rem,1.65vw,1.4rem);line-height:1.25}.tech-video-info[data-astro-cid-snphhpyv] p[data-astro-cid-snphhpyv]{color:#b9c9d5;font-size:.85rem;line-height:1.6}.tech-video-info[data-astro-cid-snphhpyv] a[data-astro-cid-snphhpyv],.tech-queue-more[data-astro-cid-snphhpyv]{color:#7bffe2;font-size:.83rem;font-weight:750;text-decoration:none}.tech-queue[data-astro-cid-snphhpyv]{background:#0a1422;border:1px solid #304257;border-radius:12px;flex-direction:column;min-width:0;padding:.7rem;display:flex;overflow:hidden}.tech-queue-header[data-astro-cid-snphhpyv]{border-bottom:1px solid #273a4b;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem;padding:.3rem .45rem .65rem;display:flex}.tech-queue-header[data-astro-cid-snphhpyv] h3[data-astro-cid-snphhpyv]{margin:0;font-size:1rem}.tech-queue-header[data-astro-cid-snphhpyv] span[data-astro-cid-snphhpyv]{color:#a4bcca;font-size:.7rem}.tech-queue-list[data-astro-cid-snphhpyv]{overscroll-behavior:contain;flex-direction:column;gap:.25rem;max-height:clamp(280px,35vw,510px);padding:.5rem .15rem;display:flex;overflow-y:auto}.tech-queue-list[data-astro-cid-snphhpyv] .tech-queue-item{text-align:left;color:#e6f1f6;cursor:pointer;width:100%;font:inherit;background:#112034;border:1px solid #0000;border-radius:9px;align-items:center;gap:.65rem;padding:.45rem;display:flex}.tech-queue-list[data-astro-cid-snphhpyv] .tech-queue-item:hover,.tech-queue-list[data-astro-cid-snphhpyv] .tech-queue-item.current{background:#173846;border-color:#3cbba8}.tech-queue-list[data-astro-cid-snphhpyv] .tech-queue-item:focus-visible{outline:2px solid #ff79c6}.tech-queue-list[data-astro-cid-snphhpyv] .tech-queue-item img{object-fit:cover;background:#111b2c;border-radius:6px;flex:0 0 100px;width:100px;height:56px}.tech-queue-list[data-astro-cid-snphhpyv] .tech-queue-item-info{flex-direction:column;gap:.28rem;min-width:0;display:flex}.tech-queue-list[data-astro-cid-snphhpyv] .tech-queue-item-title{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.81rem;font-weight:650;line-height:1.3;display:-webkit-box;overflow:hidden}.tech-queue-list[data-astro-cid-snphhpyv] .tech-queue-item-index{color:#8fabbd;font-size:.68rem}.tech-queue-message[data-astro-cid-snphhpyv]{color:#aec6d2;padding:.7rem;font-size:.85rem}.tech-queue-list[data-astro-cid-snphhpyv] .tech-queue-fallback{color:#c5fff4;background:#112034;border:1px solid #305268;border-radius:9px;flex-wrap:wrap;justify-content:space-between;gap:.6rem;min-height:44px;padding:.75rem;font-size:.85rem;text-decoration:none;display:flex}.tech-queue-list[data-astro-cid-snphhpyv] .tech-queue-fallback:focus-visible{outline:2px solid #ff79c6}.tech-queue-footnote[data-astro-cid-snphhpyv]{color:#a9bac7;margin:.65rem .35rem;font-size:.73rem;line-height:1.5}.tech-queue-more[data-astro-cid-snphhpyv]{margin:.55rem .45rem;display:inline-block}@media (width<=850px){.tech-video-layout[data-astro-cid-snphhpyv]{grid-template-columns:1fr}.tech-queue-list[data-astro-cid-snphhpyv]{max-height:330px}}@media (width<=450px){.tech-video-display[data-astro-cid-snphhpyv]{width:100%;max-width:100%}.tech-playlist-option[data-astro-cid-snphhpyv]{flex:1;justify-content:center;padding:.6rem;font-size:.75rem}.tech-playlist-number[data-astro-cid-snphhpyv]{display:none}.tech-video-shell[data-astro-cid-snphhpyv]{padding:.5rem}.tech-queue-list[data-astro-cid-snphhpyv] .tech-queue-item img{flex-basis:80px;width:80px;height:45px}}@media (prefers-reduced-motion:reduce){.tech-queue-list[data-astro-cid-snphhpyv]{scroll-behavior:auto}}.tech-landing{--tech-cyan:#0fc;--tech-pink:#ff79c6;color:#eaf4fa;max-width:1440px;margin:0 auto;padding:clamp(1rem,2.5vw,2.6rem)}.tech-landing :is(h1,h2,h3,p){margin-top:0}.tech-hero{isolation:isolate;background:radial-gradient(circle at 82% 44%,#00ffcc21,#0000 43%),radial-gradient(circle at 5% 90%,#ff79c612,#0000 49%),linear-gradient(130deg,#101727,#09111d 58%,#071b25);border:1px solid #67d7d542;border-radius:26px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);align-items:center;gap:2rem;min-height:clamp(420px,42vw,560px);padding:clamp(1.6rem,4vw,4rem);display:grid;position:relative;overflow:hidden}.tech-hero:after{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#6cefd609 1px,#0000 1px),linear-gradient(90deg,#6cefd609 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000,#000)}.tech-overline{letter-spacing:.12em;text-transform:uppercase;color:#5febd2;font:700 .74rem JetBrains Mono,monospace}.tech-back-worlds{color:#c1d7e2;align-items:center;gap:.6rem;margin:0 0 2.3rem;font-size:.82rem;text-decoration:none;display:inline-flex}.tech-back-worlds:hover{color:#89ffe9}.tech-hero h1{letter-spacing:-.055em;text-wrap:balance;color:#faffff;max-width:15ch;margin:.9rem 0 1.2rem;font-size:clamp(2.4rem,4.7vw,4.65rem);line-height:1.08}.tech-hero-intro{color:#c5d3e0;max-width:62ch;font-size:clamp(.95rem,1.25vw,1.12rem);line-height:1.8}.tech-hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:1.7rem;display:flex}.tech-primary-action,.tech-secondary-action,.tech-inline-action{border-radius:11px;justify-content:center;align-items:center;gap:.75rem;padding:.85rem 1.15rem;font-size:.85rem;font-weight:800;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.tech-primary-action{color:#042222;background:#4ce9cc;border:1px solid #7dffdf}.tech-secondary-action{color:#b8fff0;background:#122d3780;border:1px solid #7ceed973}.tech-primary-action:hover,.tech-secondary-action:hover,.tech-inline-action:hover{transform:translateY(-2px)}.tech-primary-action:hover{background:#a3ffe7}.tech-secondary-action:hover{background:#2d657266}.tech-landing :is(a,button):focus-visible{outline-offset:3px;outline:3px solid #ff79c6}.tech-hero-system{aspect-ratio:1;justify-self:center;place-items:center;width:100%;max-width:470px;display:grid;position:relative}.tech-orbit{border:1px solid #3ffbd92e;border-radius:50%;position:absolute;box-shadow:inset 0 0 20px #00ffcc09}.tech-orbit-one{border-style:dashed;width:94%;height:94%}.tech-orbit-two{border-color:#ff79c659;width:72%;height:72%}.tech-orbit-three{border-color:#42e4dd94;width:47%;height:47%}.tech-orbit-label{letter-spacing:-.07em;background:radial-gradient(circle at 20% 20%,#143c46,#0c1725);border:1px solid #42e4dda6;border-radius:50%;justify-content:center;align-items:center;width:33%;height:33%;font:800 clamp(1.1rem,2vw,1.55rem) JetBrains Mono,monospace;display:flex;box-shadow:0 0 55px #00ffcc24}.tech-orbit-dot{color:#53edd3;padding:0 .08rem}.tech-orbit-code{letter-spacing:.05em;color:#72ead4;background:#101b2d;border:1px solid #284f57;border-radius:6px;padding:.45rem .55rem;font:600 clamp(.58rem,.9vw,.72rem) JetBrains Mono,monospace;position:absolute}.tech-code-one{top:14%;left:0}.tech-code-two{top:47%;right:-2%}.tech-code-three{bottom:13%;left:10%}.tech-count-strip{background:#80bac62e;border:1px solid #80bac638;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:1.3rem 0 4.1rem;display:grid;overflow:hidden}.tech-count-strip>div{text-align:center;background:#111b2a;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:1.1rem;display:flex}.tech-count-strip strong{color:#ebffff;font:800 clamp(1.15rem,2.2vw,1.7rem) JetBrains Mono,monospace}.tech-count-strip span{color:#a9becc;font-size:.75rem}.tech-section{margin:0 0 clamp(3.3rem,6vw,5.8rem)}.tech-section-heading{max-width:760px;margin-bottom:1.5rem}.tech-section-heading-row{justify-content:space-between;align-items:end;gap:1.5rem;max-width:none;display:flex}.tech-section-heading h2{letter-spacing:-.035em;color:#efffff;margin:.55rem 0 .75rem;font-size:clamp(1.65rem,3vw,2.65rem);line-height:1.17}.tech-section-heading p:not(.tech-overline){color:#a8beca;font-size:.95rem;line-height:1.7}.tech-inline-action{color:#7affdf;white-space:nowrap;border:1px solid #53f0d366;flex:none;padding:.67rem .95rem;font-size:.81rem}.tech-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.tech-directory-card{color:#f8feff;background:radial-gradient(circle at 97% 2%,#26778824,#0000 46%),#121c2c;border:1px solid #96bfd429;border-radius:16px;flex-direction:column;gap:.65rem;min-height:220px;padding:clamp(1.2rem,2.5vw,2rem);text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.tech-directory-card:hover{border-color:#53e4d2;transform:translateY(-3px)}.tech-directory-top{justify-content:space-between;align-items:center;display:flex}.tech-directory-icon{color:#6debd7;font-size:1.65rem}.tech-card-arrow{color:#92a7bf}.tech-directory-card h3{margin:.25rem 0 0;font-size:1.25rem;line-height:1.25}.tech-directory-card p{color:#b9c9d7;max-width:51ch;font-size:.9rem;line-height:1.65}.tech-text-link{color:#74ffe0;margin-top:auto;padding-top:.5rem;font-size:.82rem;font-weight:800}.tech-directory-portfolio{background:radial-gradient(circle at 97% 2%,#ff79c617,#0000 46%),#121c2c}.tech-directory-portfolio .tech-directory-icon{color:#ff9acb}.tech-directory-blog{background:radial-gradient(circle at 97% 2%,#ffbb7314,#0000 46%),#121c2c}.tech-focus-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.tech-focus-card{background:#0e1a2abf;border:1px solid #70b0cb2e;border-radius:15px;min-width:0;min-height:230px;padding:1.35rem;position:relative}.tech-focus-icon{margin-bottom:1.6rem;font-size:1.5rem;display:block}.tech-focus-number{color:#4c8894;font:700 .8rem JetBrains Mono,monospace;position:absolute;top:1.3rem;right:1.2rem}.tech-focus-card h3{margin:0 0 .65rem;font-size:1.03rem}.tech-focus-card p{color:#adbdcd;font-size:.85rem;line-height:1.65}.tech-labs-shortcuts{display:none}.tech-labs-shortcuts a{color:#a9fff0;text-align:center;background:#112532;border:1px solid #64f0d961;border-radius:10px;min-width:0;padding:.75rem .85rem;font-size:.85rem;font-weight:750;text-decoration:none;display:block}.tech-labs-shortcuts a:focus-visible{outline-offset:2px;outline:3px solid #ff79c6}.tech-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.tech-feature-card{color:#f6fcff;background:linear-gradient(145deg,#18303e73,#0c1420f2);border:1px solid #5aadb738;border-radius:14px;flex-direction:column;min-width:0;min-height:240px;padding:1.3rem;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.tech-feature-card:hover{border-color:#52e5ce;transform:translateY(-3px)}.tech-feature-meta{letter-spacing:.04em;color:#70ebd6;justify-content:space-between;align-items:center;gap:.4rem;font:700 .68rem JetBrains Mono,monospace;display:flex}.tech-feature-status{color:#a6b6c4;text-align:right;letter-spacing:0;font-weight:500}.tech-feature-card h3{overflow-wrap:anywhere;margin:1.3rem 0 .6rem;font-size:1.18rem}.tech-feature-card>p{color:#b9cbd4;font-size:.85rem;line-height:1.7}.tech-feature-bottom{color:#7cebd8;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.6rem;margin-top:auto;padding-top:1.2rem;font-size:.73rem;display:flex}.tech-feature-bottom span:first-child{color:#8fa4b4}.tech-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.tech-blog-card{color:#f4fdff;background:#121b2b;border:1px solid #7fa8c233;border-radius:15px;flex-direction:column;gap:.75rem;min-height:230px;padding:1.4rem;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.tech-blog-card:hover{border-color:#65dccc;transform:translateY(-3px)}.tech-blog-meta,.tech-blog-card>div{color:#7eeed9;justify-content:space-between;align-items:center;gap:.6rem;font-family:JetBrains Mono,monospace;font-size:.7rem;display:flex}.tech-blog-meta time{color:#899caa}.tech-blog-card h3{margin:.9rem 0 .2rem;font-size:1.12rem;line-height:1.38}.tech-blog-card>p:not(.tech-blog-meta){color:#b6c6d1;font-size:.85rem;line-height:1.55}.tech-blog-card>div{flex-wrap:wrap;margin-top:auto;padding-top:1rem}.tech-blog-card>div span:first-child{color:#8ba0ad}.tech-blog-arrow{font-weight:750}.tech-empty-message{color:#9eb1c0;border:1px dashed #355364;border-radius:12px;padding:2rem}.tech-outro{background:linear-gradient(105deg,#025c512b,#18172c85);border:1px solid #57edd14d;border-radius:20px;justify-content:space-between;align-items:center;gap:2rem;margin:3rem 0 1rem;padding:clamp(1.4rem,3vw,2.7rem);display:flex}.tech-outro h2{margin:.65rem 0;font-size:clamp(1.55rem,2.4vw,2.4rem)}.tech-outro p:not(.tech-overline){color:#a8c5ce;max-width:75ch;line-height:1.6}.tech-outro .tech-primary-action{white-space:nowrap}@media (width<=1100px){.tech-focus-grid,.tech-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-hero{grid-template-columns:minmax(0,1.4fr) minmax(240px,.75fr)}.tech-hero-system{max-width:320px}}@media (width<=800px){.tech-labs-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:1rem;display:grid}.tech-hero{grid-template-columns:1fr;min-height:0}.tech-hero-content{z-index:1;position:relative}.tech-hero-system{opacity:.22;z-index:-1;max-width:320px;position:absolute;bottom:-85px;right:-50px}.tech-directory-grid,.tech-feature-grid,.tech-blog-grid{grid-template-columns:1fr}.tech-section-heading-row{flex-direction:column;align-items:start}.tech-count-strip{margin-bottom:3rem}.tech-outro{flex-direction:column;align-items:flex-start}.tech-back-worlds{margin-bottom:1.5rem}}@media (width<=540px){.tech-labs-shortcuts{grid-template-columns:1fr}.tech-landing{padding:.7rem}.tech-hero{border-radius:18px;padding:1.5rem 1.15rem}.tech-hero h1{font-size:clamp(2.15rem,9vw,3.1rem)}.tech-focus-grid{grid-template-columns:1fr}.tech-focus-card{min-height:190px}.tech-count-strip>div{padding:.7rem .4rem}.tech-count-strip span{font-size:.65rem}.tech-count-strip strong{font-size:1.05rem}.tech-hero-actions>a,.tech-outro .tech-primary-action{width:100%}}@media (prefers-reduced-motion:reduce){.tech-landing :is(a,button){transition:none}.tech-landing a:hover{transform:none}}