:root{--res-bg: #0a0a0f;--res-bg-alt: #12121a;--res-card: #161624;--res-card-hover: #1e1e36;--res-glass: rgba(22, 22, 36, .6);--res-text: #f0f0f5;--res-text-sec: #a0a0b8;--res-text-muted: #6b6b80;--res-border: rgba(255, 255, 255, .08);--res-border-hover: rgba(255, 255, 255, .15);--res-blue: #3b82f6;--res-cyan: #06b6d4;--res-purple: #8b5cf6;--res-pink: #ec4899;--res-green: #10b981;--res-orange: #f59e0b;--res-red: #ef4444;--res-grad: linear-gradient(135deg, #3b82f6, #8b5cf6);--res-grad-mesh: radial-gradient(ellipse at top left, rgba(59, 130, 246, .12), transparent 50%), radial-gradient(ellipse at top right, rgba(139, 92, 246, .12), transparent 50%), radial-gradient(ellipse at bottom left, rgba(6, 182, 212, .08), transparent 50%);--res-font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--res-mono: "JetBrains Mono", "Fira Code", monospace;--res-radius: 16px;--res-radius-sm: 10px;--res-tr: .3s cubic-bezier(.4, 0, .2, 1);--res-tr-fast: .15s cubic-bezier(.4, 0, .2, 1)}.res-page{background:var(--res-bg);min-height:100vh;color:var(--res-text);font-family:var(--res-font);overflow-x:clip}.res-hero{position:relative;padding:5rem 1.5rem 3rem;text-align:center;overflow:hidden;background:var(--res-grad-mesh)}.res-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);pointer-events:none}.res-hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none}.res-hero-orb-1{width:300px;height:300px;background:var(--res-blue);top:-50px;left:-80px;animation:res-orb-float 18s ease-in-out infinite}.res-hero-orb-2{width:250px;height:250px;background:var(--res-purple);top:30%;right:-60px;animation:res-orb-float 18s ease-in-out infinite -6s}.res-hero-orb-3{width:200px;height:200px;background:var(--res-cyan);bottom:-40px;left:40%;animation:res-orb-float 18s ease-in-out infinite -12s}@keyframes res-orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(25px,-25px) scale(1.08)}66%{transform:translate(-15px,15px) scale(.95)}}.res-hero-inner{position:relative;z-index:1;max-width:720px;margin:0 auto}.res-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--res-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--res-cyan);margin-bottom:1rem;padding:.375rem 1rem;border-radius:999px;background:var(--res-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--res-border)}.res-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--res-green);box-shadow:0 0 6px var(--res-green);animation:res-dot-blink 1.5s ease-in-out infinite}@keyframes res-dot-blink{0%,to{opacity:1}50%{opacity:.3}}.res-hero h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem}.res-hero h1 .res-grad{background:var(--res-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.res-hero-sub{font-size:clamp(.9375rem,2vw,1.125rem);color:var(--res-text-sec);line-height:1.7;margin-bottom:2rem}.res-search-wrap{position:relative;max-width:520px;margin:0 auto}.res-search{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;background:var(--res-card);border:1px solid var(--res-border);border-radius:999px;transition:border-color var(--res-tr-fast),box-shadow var(--res-tr-fast)}.res-search:focus-within{border-color:var(--res-blue);box-shadow:0 0 0 3px #3b82f61f}.res-search svg{flex-shrink:0;color:var(--res-text-muted)}.res-search input{flex:1;background:none;border:none;outline:none;color:var(--res-text);font-size:.9375rem;font-family:var(--res-font);min-width:0}.res-search input::placeholder{color:var(--res-text-muted)}.res-search-clear{display:none;flex-shrink:0;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;color:var(--res-text-muted);transition:color var(--res-tr-fast),background var(--res-tr-fast);cursor:pointer}.res-search-clear.visible{display:flex}.res-search-clear:hover{color:var(--res-text);background:#ffffff0f}.res-hero-stats{display:flex;justify-content:center;gap:2.5rem;margin-top:2rem}.res-hero-stat{text-align:center}.res-hero-stat strong{display:block;font-size:1.75rem;font-weight:800;background:var(--res-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.res-hero-stat span{font-size:.75rem;color:var(--res-text-muted);text-transform:uppercase;letter-spacing:.1em}.res-filter-bar{position:sticky;top:64px;z-index:50;background:#0a0a0fd9;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid var(--res-border);padding:.75rem 0}.res-filter-scroll{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 1.5rem;max-width:1280px;margin:0 auto;-webkit-overflow-scrolling:touch}.res-filter-scroll::-webkit-scrollbar{display:none}.res-filter-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .875rem;border-radius:999px;background:var(--res-card);border:1px solid var(--res-border);font-size:.8125rem;font-weight:600;color:var(--res-text-sec);white-space:nowrap;cursor:pointer;transition:all var(--res-tr-fast);flex-shrink:0}.res-filter-pill:hover{color:var(--res-text);border-color:var(--res-border-hover);background:var(--res-card-hover)}.res-filter-pill.active{color:#fff;border-color:transparent;background:var(--res-grad)}.res-featured{max-width:1200px;margin:0 auto;padding:3rem 1.5rem 1rem}.res-featured-head{margin-bottom:1.5rem}.res-eyebrow-sm{font-family:var(--res-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--res-cyan);margin-bottom:.5rem}.res-featured-head h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.02em}.res-featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.res-feat-card{position:relative;display:flex;flex-direction:column;padding:1.5rem;border-radius:var(--res-radius);background:var(--res-card);border:1px solid var(--res-border);overflow:hidden;transition:border-color var(--res-tr),transform var(--res-tr);text-decoration:none;color:inherit}.res-feat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-color, var(--res-grad));opacity:.8}.res-feat-card:hover{border-color:var(--res-border-hover);transform:translateY(-2px)}.res-feat-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.res-feat-card-icon{font-size:1.75rem;line-height:1}.res-feat-card-type{font-family:var(--res-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;padding:.25rem .625rem;border-radius:999px;background:#ffffff0f;color:var(--res-text-sec)}.res-feat-card h3{font-size:1.0625rem;font-weight:700;line-height:1.35;margin-bottom:.625rem}.res-feat-card p{font-size:.8125rem;color:var(--res-text-sec);line-height:1.6;flex:1;margin-bottom:1rem}.res-feat-card-foot{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--res-text-muted)}.res-feat-card-cat{display:inline-flex;align-items:center;gap:.375rem;font-weight:600}.res-feat-card-cat:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--card-color, var(--res-blue))}.res-section{max-width:1200px;margin:0 auto;padding:3rem 1.5rem}.res-section-head{margin-bottom:2rem;text-align:center}.res-section-head h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.res-section-head h2 .res-grad{background:var(--res-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.res-section-head p{font-size:.9375rem;color:var(--res-text-sec);max-width:560px;margin:0 auto}.res-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.res-cat-card{position:relative;padding:1.25rem;border-radius:var(--res-radius);background:var(--res-card);border:1px solid var(--res-border);transition:border-color var(--res-tr),transform var(--res-tr);text-decoration:none;color:inherit;overflow:hidden}.res-cat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,var(--cat-color, var(--res-blue)),transparent 60%);opacity:.06;pointer-events:none}.res-cat-card:hover{border-color:var(--cat-color, var(--res-border-hover));transform:translateY(-2px)}.res-cat-card-icon{font-size:1.5rem;margin-bottom:.625rem;display:block}.res-cat-card h3{font-size:.9375rem;font-weight:700;margin-bottom:.25rem}.res-cat-card p{font-size:.75rem;color:var(--res-text-muted);line-height:1.5;margin-bottom:.75rem}.res-cat-card-count{font-family:var(--res-mono);font-size:.6875rem;color:var(--cat-color, var(--res-blue));font-weight:600}.res-grid-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.res-grid-head h2{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:800;letter-spacing:-.02em}.res-grid-count{font-size:.8125rem;color:var(--res-text-muted);font-family:var(--res-mono)}.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.res-card{position:relative;display:flex;flex-direction:column;padding:1.25rem;border-radius:var(--res-radius);background:var(--res-card);border:1px solid var(--res-border);transition:border-color var(--res-tr),transform var(--res-tr);text-decoration:none;color:inherit;overflow:hidden}.res-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--card-color, var(--res-blue));opacity:0;transition:opacity var(--res-tr)}.res-card:hover{border-color:var(--res-border-hover);transform:translateY(-2px)}.res-card:hover:before{opacity:1}.res-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.res-card-icon{font-size:1.25rem}.res-card-type{font-family:var(--res-mono);font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;padding:.1875rem .5rem;border-radius:999px;background:#ffffff0f;color:var(--res-text-sec)}.res-card h3{font-size:.9375rem;font-weight:700;line-height:1.35;margin-bottom:.5rem}.res-card p{font-size:.8125rem;color:var(--res-text-sec);line-height:1.6;flex:1;margin-bottom:.75rem}.res-card-foot{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--res-text-muted)}.res-card-cat{display:inline-flex;align-items:center;gap:.375rem;font-weight:600}.res-card-cat:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--card-color, var(--res-blue))}.res-no-results{display:none;text-align:center;padding:3rem 1.5rem}.res-no-results.active{display:block}.res-no-results-icon{font-size:2.5rem;margin-bottom:1rem}.res-no-results h3{font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.res-no-results p{color:var(--res-text-sec);margin-bottom:1.25rem}.res-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:999px;font-size:.875rem;font-weight:600;transition:all var(--res-tr-fast);cursor:pointer;text-decoration:none}.res-btn-primary{background:var(--res-grad);color:#fff}.res-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3b82f64d}.res-btn-secondary{background:var(--res-card);color:var(--res-text);border:1px solid var(--res-border)}.res-btn-secondary:hover{border-color:var(--res-border-hover);background:var(--res-card-hover)}.res-cta{max-width:1200px;margin:0 auto;padding:3rem 1.5rem 4rem}.res-cta-inner{position:relative;text-align:center;padding:3rem 2rem;border-radius:var(--res-radius);background:var(--res-card);border:1px solid var(--res-border);overflow:hidden}.res-cta-inner:before{content:"";position:absolute;inset:0;background:var(--res-grad-mesh);pointer-events:none}.res-cta-inner>*{position:relative;z-index:1}.res-cta h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem}.res-cta h2 .res-grad{background:var(--res-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.res-cta p{font-size:.9375rem;color:var(--res-text-sec);margin-bottom:1.5rem;max-width:480px;margin-left:auto;margin-right:auto}.res-cta-buttons{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.res-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.res-reveal.active{opacity:1;transform:translateY(0)}@media(max-width:1024px){.res-featured-grid{grid-template-columns:repeat(2,1fr)}.res-cat-grid{grid-template-columns:repeat(3,1fr)}.res-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.res-hero{padding:4rem 1rem 2.5rem}.res-hero-stats{gap:1.5rem}.res-hero-stat strong{font-size:1.5rem}.res-featured-grid{grid-template-columns:1fr}.res-cat-grid{grid-template-columns:repeat(2,1fr)}.res-grid{grid-template-columns:1fr}.res-section{padding:2rem 1rem}.res-featured{padding:2rem 1rem .5rem}.res-cta{padding:2rem 1rem 3rem}.res-cta-inner{padding:2rem 1.25rem}}@media(max-width:480px){.res-hero{padding:3rem .75rem 2rem}.res-hero h1{font-size:1.625rem}.res-hero-sub{font-size:.875rem}.res-hero-stats{gap:1.25rem}.res-hero-stat strong{font-size:1.25rem}.res-hero-stat span{font-size:.625rem}.res-search{padding:.625rem 1rem}.res-search input{font-size:.8125rem}.res-filter-pill{padding:.375rem .75rem;font-size:.75rem}.res-cat-grid{grid-template-columns:1fr;gap:.625rem}.res-cat-card{padding:1rem}.res-cat-card-icon{font-size:1.25rem}.res-feat-card{padding:1.25rem}.res-feat-card h3{font-size:.9375rem}.res-card{padding:1rem}.res-card h3{font-size:.875rem}.res-card p{font-size:.75rem}.res-section-head h2{font-size:1.25rem}.res-cta-inner{padding:1.75rem 1rem}.res-cta h2{font-size:1.25rem}.res-cta p{font-size:.8125rem}.res-cta-buttons{flex-direction:column;align-items:stretch}.res-btn{justify-content:center}}@media(max-width:358px){.res-hero{padding:2.5rem .5rem 1.5rem}.res-hero h1{font-size:1.375rem;line-height:1.15}.res-hero-sub{font-size:.8125rem;line-height:1.5}.res-hero-stats{gap:.75rem;flex-wrap:wrap;justify-content:center}.res-hero-stat strong{font-size:1.0625rem}.res-hero-stat span{font-size:.5625rem}.res-eyebrow{font-size:.625rem;padding:.25rem .625rem;letter-spacing:.1em}.res-search{padding:.5rem .75rem;gap:.5rem}.res-search input{font-size:.75rem}.res-search svg{width:14px;height:14px}.res-filter-pill{padding:.3125rem .625rem;font-size:.6875rem;gap:.25rem}.res-filter-scroll{padding:0 .75rem}.res-featured{padding:1.5rem .5rem .25rem}.res-feat-card{padding:1rem}.res-feat-card h3{font-size:.875rem}.res-feat-card p{font-size:.75rem}.res-feat-card-icon{font-size:1.5rem}.res-cat-card{padding:.875rem}.res-cat-card h3{font-size:.8125rem}.res-cat-card p{font-size:.6875rem}.res-card{padding:.875rem}.res-card h3{font-size:.8125rem}.res-card p{font-size:.6875rem;line-height:1.5}.res-card-type{font-size:.5625rem;padding:.125rem .375rem}.res-section{padding:1.5rem .5rem}.res-section-head h2{font-size:1.125rem}.res-section-head p{font-size:.8125rem}.res-cta{padding:1.5rem .5rem 2rem}.res-cta-inner{padding:1.5rem .75rem}.res-cta h2{font-size:1.125rem}.res-cta p{font-size:.75rem}.res-btn{padding:.5rem 1rem;font-size:.8125rem}.res-grid-head h2{font-size:1.0625rem}.res-grid-count{font-size:.6875rem}}.res-detail-hero{position:relative;padding:4rem 1.5rem 3rem;overflow:hidden;background:var(--res-grad-mesh)}.res-detail-hero-inner{position:relative;z-index:1;max-width:820px;margin:0 auto}.res-detail-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--res-text-muted);margin-bottom:1.5rem;flex-wrap:wrap}.res-detail-breadcrumb a{color:var(--res-text-sec);text-decoration:none;transition:color var(--res-tr-fast)}.res-detail-breadcrumb a:hover{color:var(--res-text)}.res-bc-sep{color:var(--res-text-muted)}.res-bc-current{color:var(--res-text);font-weight:600}.res-detail-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.res-detail-type-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:999px;font-family:var(--res-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;background:var(--card-color, var(--res-blue));color:#fff}.res-detail-topic{font-size:.8125rem;color:var(--res-text-sec);font-weight:600}.res-detail-readtime,.res-detail-date{font-size:.75rem;color:var(--res-text-muted);font-family:var(--res-mono)}.res-detail-hero h1{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:1rem}.res-detail-desc{font-size:clamp(.9375rem,2vw,1.125rem);color:var(--res-text-sec);line-height:1.7}.res-detail-section{max-width:820px;margin:0 auto;padding:2rem 1.5rem}.res-detail-highlights,.res-detail-overview,.res-detail-content,.res-detail-tags,.res-detail-cta,.res-detail-related{background:var(--res-card);border:1px solid var(--res-border);border-radius:var(--res-radius);padding:2rem}.res-detail-section h2{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1.25rem}.res-highlights-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.res-highlight-item{display:flex;align-items:flex-start;gap:.625rem;font-size:.875rem;color:var(--res-text-sec);line-height:1.5}.res-highlight-check{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#10b98126;color:var(--res-green);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700}.res-content-block{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--res-border)}.res-content-block:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.res-content-block h3{font-size:1.0625rem;font-weight:700;margin-bottom:.625rem;color:var(--res-text)}.res-content-block p{font-size:.9375rem;color:var(--res-text-sec);line-height:1.7}.res-detail-overview p{font-size:1rem;color:var(--res-text-sec);line-height:1.8}.res-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.res-tag{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:999px;font-size:.75rem;font-weight:600;font-family:var(--res-mono);background:#ffffff0f;border:1px solid var(--res-border);color:var(--res-text-sec);transition:all var(--res-tr-fast)}.res-tag:hover{border-color:var(--card-color, var(--res-border-hover));color:var(--res-text)}.res-detail-cta{text-align:center}.res-detail-cta h2{margin-bottom:.75rem}.res-detail-cta p{font-size:.9375rem;color:var(--res-text-sec);margin-bottom:1.5rem}.res-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:768px){.res-detail-hero{padding:3rem 1rem 2rem}.res-detail-section{padding:1.5rem 1rem}.res-detail-highlights,.res-detail-overview,.res-detail-content,.res-detail-tags,.res-detail-cta,.res-detail-related{padding:1.5rem}.res-highlights-list,.res-related-grid{grid-template-columns:1fr}}@media(max-width:480px){.res-detail-hero{padding:2.5rem .75rem 1.5rem}.res-detail-hero h1{font-size:1.5rem}.res-detail-desc{font-size:.875rem}.res-detail-section{padding:1rem .75rem}.res-detail-highlights,.res-detail-overview,.res-detail-content,.res-detail-tags,.res-detail-cta,.res-detail-related{padding:1.25rem}.res-detail-section h2{font-size:1.125rem}.res-highlight-item{font-size:.8125rem}.res-content-block h3{font-size:.9375rem}.res-content-block p{font-size:.8125rem}.res-detail-meta{gap:.5rem}.res-detail-type-badge{font-size:.625rem;padding:.25rem .625rem}}