.navbar-wrapper{z-index:100;background:linear-gradient(to bottom, var(--bg-main) 40%, transparent);padding:1rem 0;position:sticky;top:0}.navbar{border-radius:var(--radius-lg);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:relative}.nav-left{align-items:center;gap:3rem;display:flex}.brand{align-items:center;gap:.5rem;font-size:1.35rem;font-weight:700;display:flex}.brand-icon-wrapper{background:#00f2fe1a;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;display:flex}.nav-links{gap:1.75rem;margin-left:2.5rem;display:flex}.nav-link{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.95rem;font-weight:500;display:flex}.nav-link:hover{color:var(--text-primary)}.nav-right{align-items:center;gap:1.5rem;display:flex}.search-bar{background:var(--bg-surface-solid);border:1px solid var(--border-light);width:300px;transition:var(--transition);border-radius:100px;align-items:center;padding:.6rem 1.25rem;display:flex}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #00f2fe33}.search-icon{color:var(--text-muted)}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;margin-left:.5rem;font-family:inherit;font-size:.9rem}.search-input::placeholder{color:var(--text-muted)}.nav-actions{gap:1rem;display:flex}.action-btn{color:var(--text-secondary);transition:var(--transition);position:relative}.action-btn:hover{color:var(--primary);transform:translateY(-2px)}.nav-item-dropdown{position:relative}.cursor-pointer{cursor:pointer}.dropdown-menu{opacity:0;visibility:hidden;min-width:200px;transition:var(--transition);border-top:2px solid var(--primary);flex-direction:column;padding:.5rem 0;display:flex;position:absolute;top:150%;left:0;transform:translateY(10px)}.nav-item-dropdown:hover .dropdown-menu,.nav-item-dropdown.is-open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-trigger{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.dropdown-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:4px}.dropdown-link{color:var(--text-secondary);transition:var(--transition);padding:.75rem 1.5rem;font-weight:500}.dropdown-link:hover{color:var(--primary);background:#00f2fe1a;padding-left:2rem}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:.2rem;transition:color .2s;display:flex}.search-clear-btn:hover{color:var(--text-primary)}.mobile-menu-btn{color:var(--text-secondary);transition:var(--transition);display:none}.mobile-menu-btn:hover{color:var(--primary)}.mobile-menu{border-radius:var(--radius-md);flex-direction:column;gap:.5rem;margin:0 0 1rem;padding:1.25rem;display:flex}.mobile-search{background:var(--bg-surface-solid);border:1px solid var(--border-light);border-radius:var(--radius-sm);align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem 1rem;display:flex}.mobile-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.mobile-nav-links{flex-direction:column;display:flex}.mobile-nav-link{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;padding:.75rem .5rem;font-size:.95rem;font-weight:500;transition:color .2s}.mobile-nav-link:hover{color:var(--primary)}.mobile-sub-link{padding-left:1.25rem;font-size:.9rem}.mobile-divider{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:.25rem;padding:.75rem .5rem .4rem;font-size:.75rem;font-weight:700}@media (width<=900px){.nav-links,.search-bar,.nav-actions{display:none}.mobile-menu-btn{display:flex}}.site-warning-banner{color:var(--text-primary,#f0f4ff);background:linear-gradient(90deg,#ff9f1a1f,#ff47570f);border-bottom:1px solid #ff9f1a4d;align-items:center;gap:.85rem;padding:.6rem 1.5rem;font-family:Outfit,Segoe UI,-apple-system,sans-serif;font-size:.85rem;line-height:1.4;display:flex}.site-warning-icon{color:#ff9f1a;flex-shrink:0;font-size:1.1rem}.site-warning-text{color:var(--text-secondary,#cbd5e1);flex:1}.site-warning-text strong{color:#ffc26a;font-weight:600}.site-warning-close{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .5rem;font-size:1.4rem;line-height:1;transition:color .15s,background .15s}.site-warning-close:hover{color:#ff9f1a;background:#ff9f1a1a}@media (width<=640px){.site-warning-banner{gap:.5rem;padding:.5rem 1rem;font-size:.78rem}}.footer{background:var(--bg-surface-solid);border-top:1px solid var(--border-light);margin-top:4rem;padding:4rem 0 2rem}.footer-inner{flex-direction:column;gap:0;display:flex}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:2rem;padding-bottom:3rem;display:grid}.footer-brand{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.footer-brand-icon{background:#00f2fe1a;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;display:flex}.footer-license-link{color:var(--primary);text-decoration:underline}.footer-disclaimer{color:var(--text-muted);max-width:700px;margin-top:.5rem;font-size:.8rem;line-height:1.6}@media (width<=1100px){.footer-grid{grid-template-columns:1fr 1fr 1fr}.brand-col{grid-column:1/-1}}@media (width<=600px){.footer-grid{grid-template-columns:1fr 1fr}}.footer-desc{color:var(--text-muted);max-width:280px;margin-top:1rem;font-size:.95rem}.social-links{gap:1rem;margin-top:1.5rem;display:flex}.social-link{color:var(--text-secondary);background:#ffffff0d;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:.6rem;display:flex}.social-link:hover{color:var(--primary);border-color:var(--primary);background:#00f2fe1a;transform:translateY(-2px)}.footer-heading{color:var(--text-primary);margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:600}.footer-links{flex-direction:column;gap:.85rem;display:flex}.footer-links a{color:var(--text-secondary);font-size:.95rem}.footer-links a:hover{color:var(--primary);padding-left:5px}.footer-bottom{border-top:1px solid var(--border-light);text-align:center;color:var(--text-muted);margin-top:5rem;padding-top:2rem;font-size:.85rem}.hero-section{align-items:center;min-height:100vh;padding:6rem 0 4rem;display:flex;position:relative;overflow:hidden}.hero-grid-floor{transform-origin:top;pointer-events:none;background-image:linear-gradient(#00f2fe12 1px,#0000 1px),linear-gradient(90deg,#00f2fe12 1px,#0000 1px);background-size:80px 80px;width:250%;height:250%;animation:18s linear infinite gridScroll;position:absolute;top:5%;left:-75%;transform:perspective(700px)rotateX(68deg)translateZ(-20px)}@keyframes gridScroll{0%{background-position:0 0}to{background-position:0 80px}}.hero-glow{pointer-events:none;filter:blur(80px);border-radius:50%;position:absolute}.hero-glow-1{background:#00f2fe1f;width:500px;height:500px;animation:8s ease-in-out infinite pulse;top:-100px;left:50%;transform:translate(-50%)}.hero-glow-2{background:#4facfe1a;width:300px;height:300px;animation:10s ease-in-out infinite reverse pulse;bottom:10%;left:5%}.hero-glow-3{background:#a78bfa14;width:250px;height:250px;animation:12s ease-in-out 2s infinite pulse;top:20%;right:5%}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.hero-float-scene{pointer-events:none;position:absolute;inset:0}.float-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-primary);pointer-events:all;transform-style:preserve-3d;background:#0d121fbf;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;animation:7s ease-in-out infinite floatY;display:flex;position:absolute;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0a,inset 0 1px #ffffff14}.float-card:hover{border-color:var(--card-color,var(--primary));box-shadow:0 25px 50px #00000080, 0 0 20px color-mix(in srgb, var(--card-color,var(--primary)) 30%, transparent);transform:translateY(-8px)!important}.float-card-label{color:var(--text-secondary);white-space:nowrap;font-size:.8rem;font-weight:600}.fc-1{animation-delay:0s;top:12%;left:3%;transform:translateZ(50px)rotateY(-8deg)}.fc-2{animation-delay:1.2s;top:8%;right:4%;transform:translateZ(60px)rotateY(8deg)}.fc-3{animation-delay:2.4s;top:40%;left:1%;transform:translateZ(30px)rotateY(-5deg)}.fc-4{animation-delay:.8s;top:45%;right:2%;transform:translateZ(45px)rotateY(5deg)}.fc-5{animation-delay:1.8s;bottom:22%;left:5%;transform:translateZ(55px)rotateY(-12deg)}.fc-6{animation-delay:3s;bottom:18%;right:5%;transform:translateZ(40px)rotateY(12deg)}@keyframes floatY{0%,to{margin-top:0}50%{margin-top:-18px}}.hero-center{z-index:10;text-align:center;padding:0 1.5rem;position:relative}.hero-badge{color:var(--primary);background:#00f2fe14;border:1px solid #00f2fe33;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1.2rem;font-size:.85rem;font-weight:500;display:inline-flex}.badge-dot{background:var(--primary);width:8px;height:8px;box-shadow:0 0 6px var(--primary);border-radius:50%;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.hero-title{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(3rem,7vw,5.5rem);font-weight:800;line-height:1.05}.hero-subtitle{color:var(--text-secondary);max-width:580px;margin:0 auto 2.5rem;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.7}.hero-search{background:var(--bg-surface-solid);border:1px solid var(--border-light);border-radius:100px;align-items:center;max-width:680px;margin:0 auto 1.5rem;padding:.5rem;transition:border-color .3s,box-shadow .3s;display:flex}.hero-search:focus-within{border-color:#00f2fe66;box-shadow:0 0 0 3px #00f2fe1a,0 10px 30px #0000004d}.hero-search-icon{color:var(--text-muted);flex-shrink:0;margin-left:1rem}.hero-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.9rem 1rem;font-family:inherit;font-size:1.05rem}.hero-search-input::placeholder{color:var(--text-muted)}.hero-search-btn{border-radius:100px;flex-shrink:0;padding:.75rem 1.75rem;font-size:.95rem}.hero-quick-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:3rem;display:flex}.ql-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.ql-link{color:var(--text-secondary);border:1px solid var(--border-light);transition:var(--transition);background:#ffffff0a;border-radius:100px;padding:.3rem .8rem;font-size:.85rem}.ql-link:hover{color:var(--primary);background:#00f2fe0d;border-color:#00f2fe4d}.hero-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;display:flex}.stat-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.stat-icon{color:var(--primary);margin-bottom:.25rem}.stat-value{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700}.categories-section{padding:5rem 1.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.section-header.text-center{text-align:center;flex-direction:column;justify-content:center}.see-all-link{color:var(--primary);align-items:center;gap:.35rem;font-size:.9rem;font-weight:500;transition:gap .2s;display:inline-flex}.see-all-link:hover{gap:.6rem}.categories-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.category-card{color:var(--text-primary);transition:var(--transition);border-top:2px solid #0000;flex-direction:column;padding:2rem 1.5rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.category-card:before{content:"";background:linear-gradient(135deg, transparent 60%, color-mix(in srgb, var(--cat-color,var(--primary)) 8%, transparent));opacity:0;transition:opacity .3s;position:absolute;inset:0}.category-card:hover{border-top-color:var(--cat-color,var(--primary));transform:translateY(-8px)}.category-card:hover:before{opacity:1}.cat-icon-wrapper{width:60px;height:60px;transition:var(--transition);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.category-card:hover .cat-icon-wrapper{background:color-mix(in srgb, var(--cat-color,var(--primary)) 12%, transparent);border-color:color-mix(in srgb, var(--cat-color,var(--primary)) 30%, transparent)}.category-title{margin-bottom:.5rem;font-size:1.05rem;font-weight:600}.category-desc{color:var(--text-muted);flex:1;margin-bottom:1rem;font-size:.85rem;line-height:1.5}.category-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.cat-count{color:var(--text-muted);font-size:.8rem}.category-link{color:var(--text-secondary);transition:var(--transition);align-items:center;gap:.25rem;font-size:.85rem;font-weight:500;display:inline-flex}.category-card:hover .category-link{color:var(--cat-color,var(--accent));gap:.5rem}.featured-section,.recent-section{padding:4rem 1.5rem}.articles-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.article-card{color:var(--text-primary);transition:var(--transition);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.article-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0006}.article-card-img{border-radius:var(--radius-md) var(--radius-md) 0 0;background-position:50%;background-size:cover;height:200px;margin:-1px -1px 0;position:relative}.article-diff-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:100px;padding:.25rem .7rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;right:1rem}.diff-beginner{color:#10b981;background:#10b98140;border:1px solid #10b9814d}.diff-intermediate{color:#f59e0b;background:#f59e0b40;border:1px solid #f59e0b4d}.diff-advanced{color:#f43f5e;background:#f43f5e40;border:1px solid #f43f5e4d}.article-card-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.article-meta{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.article-cat{color:var(--primary);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.article-time{color:var(--text-muted);font-size:.8rem}.article-title{margin-bottom:.75rem;font-size:1rem;font-weight:600;line-height:1.4}.article-excerpt{color:var(--text-secondary);flex:1;margin-bottom:1rem;font-size:.9rem;line-height:1.6}.article-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.cost-badge{color:var(--text-muted);font-size:.8rem}.read-link{color:var(--primary);align-items:center;gap:.25rem;font-size:.85rem;font-weight:500;display:inline-flex}.recent-grid{flex-direction:column;gap:.75rem;display:flex}.recent-card{color:var(--text-primary);transition:var(--transition);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;text-decoration:none;display:flex}.recent-card:hover{border-color:#00f2fe4d;transform:translate(4px)}.recent-card-left{align-items:center;gap:1rem;display:flex}.recent-cat-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.recent-cat{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem;font-size:.75rem;font-weight:600}.recent-title{font-size:.95rem;font-weight:500;line-height:1.4}.recent-meta{color:var(--text-muted);margin-top:.2rem;font-size:.8rem}.recent-arrow{color:var(--text-muted);transition:var(--transition);flex-shrink:0}.recent-card:hover .recent-arrow{color:var(--primary);transform:translate(4px)}.why-section{padding:5rem 1.5rem 6rem}.why-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.why-points{flex-direction:column;gap:1rem;display:flex}.why-point{color:var(--text-secondary);align-items:flex-start;gap:.75rem;font-size:.95rem;display:flex}.why-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.45rem}.feature-actions{flex-wrap:wrap;gap:1rem;display:flex}.why-visual{flex-direction:column;justify-content:center;min-height:360px;padding:3rem;display:flex;position:relative;overflow:hidden}.abstract-glow{background:var(--primary);filter:blur(100px);opacity:.12;pointer-events:none;border-radius:50%;width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mock-guide{z-index:1;flex-direction:column;gap:2rem;display:flex;position:relative}.mock-guide-step{align-items:center;gap:1.25rem;display:flex}.step-num{border:1.5px solid var(--primary);width:40px;height:40px;color:var(--primary);background:#00f2fe1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.mock-line{background:#ffffff14;border-radius:4px;height:8px;margin-top:.6rem}@media (width<=1100px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.float-card{display:none}.categories-grid,.articles-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr}.why-visual{min-height:250px}}@media (width<=600px){.hero-section{min-height:auto;padding:5rem 0 3rem}.hero-title{font-size:2.5rem}.categories-grid,.articles-grid{grid-template-columns:1fr}.hero-stats{gap:1.5rem}.hero-search{border-radius:var(--radius-md);flex-wrap:wrap}.hero-search-btn{border-radius:var(--radius-sm);width:100%}}.guides-hero{border-bottom:1px solid var(--border-light);padding:3rem 0 2.5rem}.guides-breadcrumb{color:var(--text-muted);align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.guides-breadcrumb a{color:var(--text-muted)}.guides-breadcrumb a:hover{color:var(--primary)}.guides-title{margin-bottom:.75rem}.guides-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:2rem;font-size:1.1rem}.guides-search-wrap{max-width:640px;position:relative}.guides-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.guides-search-input{background:var(--bg-surface);border:1px solid var(--border-light);width:100%;color:var(--text-primary);transition:var(--transition);border-radius:100px;outline:none;padding:.85rem 1rem .85rem 2.75rem;font-family:Outfit,sans-serif;font-size:1rem}.guides-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00f2fe26}.guides-body{grid-template-columns:240px 1fr;align-items:start;gap:2rem;padding:2.5rem 1.5rem 5rem;display:grid}.guides-filters{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;position:sticky;top:80px}.filter-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:flex}.filter-btn{text-align:left;border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);padding:.45rem .75rem;font-size:.9rem}.filter-btn:hover{color:var(--primary);background:#00f2fe0f}.filter-btn.active{color:var(--primary);background:#00f2fe1a;font-weight:600}.guides-count{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.guides-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-bottom:4rem;display:grid}.guide-card{transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.guide-card:hover{box-shadow:var(--shadow-lg), 0 0 20px #00f2fe14;transform:translateY(-4px)}.guide-card-img{height:160px;position:relative;overflow:hidden}.guide-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.guide-card:hover .guide-card-img img{transform:scale(1.05)}.guide-diff{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:.2rem .6rem;font-size:.7rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.diff-beginner{color:#00c864;background:#00c86433}.diff-intermediate{color:orange;background:#ffa50033}.diff-advanced{color:#ff5050;background:#ff323233}.guide-card-body{flex-direction:column;flex:1;gap:.5rem;padding:1.25rem;display:flex}.guide-cat-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);font-size:.72rem;font-weight:700}.guide-card-title{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.3}.guide-card-excerpt{color:var(--text-secondary);flex:1;font-size:.875rem;line-height:1.5}.guide-card-meta{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.8rem;display:flex}.guide-read-more{color:var(--primary);align-items:center;gap:.3rem;font-weight:600;display:flex}.guides-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:4rem;display:flex}.guides-cats-section{margin-top:1rem}.guides-cats-grid{flex-direction:column;gap:.75rem;display:flex}.guides-cat-card{transition:var(--transition);align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.guides-cat-card:hover{border-color:var(--border-glow);transform:translate(4px)}.guides-cat-icon{font-size:1.5rem}.guides-cat-card div{flex:1}.guides-cat-card strong{color:var(--text-primary);font-size:.95rem;display:block}.guides-cat-card p{color:var(--text-muted);margin-top:.15rem;font-size:.8rem}@media (width<=900px){.guides-body{grid-template-columns:1fr}.guides-filters{flex-flow:wrap;position:static}.filter-group{min-width:140px}}@media (width<=600px){.guides-grid{grid-template-columns:1fr}}.read-progress{background:linear-gradient(90deg, var(--primary), var(--accent));z-index:200;border-radius:0 2px 2px 0;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.article-layout{min-height:100vh;padding:2rem 0 5rem}.article-container{max-width:1200px}.article-breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:2rem;font-size:.85rem;display:flex}.article-breadcrumb a{color:var(--text-secondary);transition:var(--transition)}.article-breadcrumb a:hover{color:var(--primary)}.article-breadcrumb span:last-child{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden}.article-body-grid{grid-template-columns:1fr 300px;align-items:start;gap:3rem;display:grid}.article-main{min-width:0}.article-hero-img{border-radius:var(--radius-lg);aspect-ratio:16/7;margin-bottom:2rem;position:relative;overflow:hidden}.article-hero-img img{object-fit:cover;width:100%;height:100%;display:block}.img-credit{color:#fff9;background:#0006;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;position:absolute;bottom:.5rem;right:.75rem}.article-meta-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.diff-badge,.meta-badge{border-radius:100px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.meta-badge{border:1px solid var(--border-light);color:var(--text-secondary);background:#ffffff0d}.meta-date{color:var(--text-muted);margin-left:auto;font-size:.8rem}.article-h1{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.2}.article-author-line{border:1px solid var(--border-light);border-radius:var(--radius-md);background:#ffffff08;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem 1.25rem;display:flex}.author-avatar-sm{background:linear-gradient(135deg, var(--primary), var(--accent));width:40px;height:40px;color:var(--bg-main);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.author-name-sm{font-size:.9rem;font-weight:600;display:block}.author-bio-sm{color:var(--text-muted);font-size:.8rem;display:block}.article-intro{border-left:4px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#00f2fe0a;margin-bottom:2rem;padding:1.5rem}.article-intro p{color:var(--text-secondary);margin:0;font-family:Lora,Georgia,serif;font-size:1.1rem;font-style:italic;line-height:1.8}.tools-card{background:var(--bg-surface-solid);border:1px solid var(--border-light);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem;padding:1.75rem;display:grid}.tools-section h3{color:var(--primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.95rem;font-weight:600;display:flex}.tools-section ul{flex-direction:column;gap:.6rem;padding:0;list-style:none;display:flex}.tools-section li{color:var(--text-secondary);align-items:flex-start;gap:.5rem;font-size:.9rem;line-height:1.4;display:flex}.check-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.steps-heading{border-bottom:1px solid var(--border-light);margin-bottom:1.75rem;padding-bottom:.75rem;font-size:1.5rem;font-weight:700}.step-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:1.25rem;padding:1.75rem;transition:border-color .25s}.step-card:hover{border-color:#00f2fe40}.step-card-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.step-number-badge{background:linear-gradient(135deg, var(--primary-dark), var(--accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px 12px #00f2fe40}.step-card-title{font-size:1.1rem;font-weight:600}.step-card-body{color:var(--text-secondary);margin-bottom:.75rem;font-size:1rem;line-height:1.8}.callout{border-radius:var(--radius-md);align-items:flex-start;gap:.75rem;margin-top:1rem;padding:1rem 1.25rem;font-size:.9rem;line-height:1.6;display:flex}.callout-tip{color:var(--text-secondary);background:#00f2fe0f;border:1px solid #00f2fe33}.callout-tip svg{color:var(--primary);flex-shrink:0;margin-top:2px}.callout-warning{color:var(--text-secondary);background:#f59e0b0f;border:1px solid #f59e0b33}.callout-warning svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.ext-links-section{border:1px solid var(--border-light);border-radius:var(--radius-md);background:#ffffff05;margin:2.5rem 0;padding:1.5rem}.ext-links-heading{margin-bottom:1rem;font-size:1rem;font-weight:600}.ext-links-list{flex-direction:column;gap:.6rem;display:flex}.ext-link-item{color:var(--primary);transition:var(--transition);align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.ext-link-item:hover{color:var(--accent)}.faq-section{margin:2.5rem 0}.faq-heading{margin-bottom:1.25rem;font-size:1.5rem;font-weight:700}.faq-item{border-bottom:1px solid var(--border-light);padding:0}.faq-question{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;padding:1.25rem 0;font-size:1rem;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq-question:hover{color:var(--primary)}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";color:var(--text-muted);flex-shrink:0;font-size:1.3rem;transition:transform .2s}details[open] .faq-question:after{transform:rotate(45deg)}.faq-answer{color:var(--text-secondary);padding:0 0 1.25rem;font-size:.95rem;line-height:1.8}.internal-links-section{margin:2.5rem 0}.internal-links-section h3{margin-bottom:1rem;font-size:1.1rem;font-weight:600}.internal-links-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.internal-link-card{border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);background:#ffffff08;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:.9rem;text-decoration:none;display:flex}.internal-link-card:hover{border-color:var(--primary);color:var(--primary);background:#00f2fe0a}.internal-link-arrow{color:var(--primary);flex-shrink:0}.author-card{background:var(--bg-surface-solid);border:1px solid var(--border-light);border-radius:var(--radius-lg);align-items:flex-start;gap:1.25rem;margin:2.5rem 0;padding:1.75rem;display:flex}.author-avatar-lg{background:linear-gradient(135deg, var(--primary), var(--accent));width:56px;height:56px;color:var(--bg-main);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex}.author-card-name{margin-bottom:.3rem;font-size:1rem;font-weight:700}.author-card-bio{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.article-actions-row{gap:1rem;margin-top:2rem;display:flex}.share-btn,.helpful-btn{cursor:pointer;transition:var(--transition);border:1px solid var(--border-light);border-radius:100px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.share-btn{color:var(--text-secondary);background:#ffffff0a}.share-btn:hover{border-color:var(--primary);color:var(--primary)}.helpful-btn{color:var(--primary);background:#00f2fe14;border-color:#00f2fe4d}.helpful-btn:hover{background:#00f2fe26}.article-sidebar{flex-direction:column;gap:1.25rem;display:flex;position:sticky;top:100px}.sidebar-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.25rem}.sidebar-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:1rem;font-size:.85rem;font-weight:700}.toc-list{flex-direction:column;gap:.4rem;padding:0;list-style:none;display:flex}.toc-list a{color:var(--text-secondary);transition:var(--transition);border-left:2px solid #0000;padding:.25rem 0 .25rem .75rem;font-size:.85rem;display:block}.toc-list a:hover{color:var(--primary);border-left-color:var(--primary)}.sidebar-stat{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.6rem 0;font-size:.85rem;display:flex}.sidebar-stat:last-child{border-bottom:none}.sidebar-stat span:first-child{color:var(--text-muted)}.sidebar-stat span:last-child{color:var(--text-secondary);font-weight:600}.related-list{flex-direction:column;gap:.75rem;display:flex}.related-item{border-radius:var(--radius-sm);transition:var(--transition);background:#ffffff05;border:1px solid #0000;flex-direction:column;gap:.2rem;padding:.75rem;text-decoration:none;display:flex}.related-item:hover{border-color:var(--primary);background:#00f2fe0a}.related-cat{color:var(--primary);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:700}.related-title{color:var(--text-secondary);font-size:.85rem;font-weight:500;line-height:1.4}.category-cta{text-align:center}.category-cta p{color:var(--text-secondary);font-size:.9rem}.back-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 0;font-family:inherit;font-size:.85rem;display:inline-flex}.back-btn:hover{color:var(--primary)}.related-bottom-section{border-top:1px solid var(--border-light);margin-top:3rem;padding-top:2rem}.related-bottom-section h2{margin-bottom:1.25rem;font-size:1.35rem;font-weight:700}.related-bottom-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.related-bottom-card{color:var(--text-primary);transition:var(--transition);padding:1.25rem;text-decoration:none;display:block}.related-bottom-card:hover{border-color:#00f2fe4d;transform:translateY(-4px)}.rbc-cat{color:var(--primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:block}.rbc-title{margin-bottom:.5rem;font-size:.95rem;font-weight:600;line-height:1.4}.rbc-meta{color:var(--text-muted);font-size:.8rem}.article-full-content{color:var(--text-primary);font-size:1.05rem;line-height:1.8}.article-full-content .article-intro{margin-bottom:2.5rem}.article-full-content .lead{color:var(--text-secondary);border-left:3px solid var(--primary);margin-bottom:1.5rem;padding-left:1.25rem;font-size:1.2rem;line-height:1.75}.article-full-content .article-section{margin:2.5rem 0}.article-full-content h2{color:var(--text-primary);border-bottom:1px solid var(--border);margin:0 0 1.25rem;padding-bottom:.5rem;font-size:1.55rem;font-weight:700}.article-full-content h3{color:var(--text-primary);margin:1.5rem 0 .75rem;font-size:1.2rem;font-weight:600}.article-full-content p{color:var(--text-secondary);margin:0 0 1rem}.article-full-content ul,.article-full-content ol{color:var(--text-secondary);margin:.75rem 0 1.25rem 1.5rem}.article-full-content li{margin-bottom:.4rem;line-height:1.7}.article-full-content code{color:var(--primary);background:#00f2fe14;border:1px solid #00f2fe26;border-radius:4px;padding:.15em .4em;font-family:Fira Code,Cascadia Code,monospace;font-size:.9em}.article-full-content pre{border:1px solid var(--border);background:#ffffff08;border-radius:10px;margin:1.25rem 0;padding:1.25rem 1.5rem;overflow-x:auto}.article-full-content pre code{color:#e2e8f0;background:0 0;border:none;padding:0;font-size:.88rem}.article-full-content .step{border:1px solid var(--border);background:#ffffff06;border-radius:14px;margin-bottom:1.25rem;padding:1.5rem;position:relative}.article-full-content .step-number{background:var(--primary);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin-right:.75rem;font-size:.85rem;font-weight:700;display:inline-flex}.article-full-content .step-title{color:var(--text-primary);align-items:center;margin-bottom:.75rem;font-size:1.1rem;font-weight:700;display:flex}.article-full-content .callout{border-radius:10px;gap:.75rem;margin:1.25rem 0;padding:1rem 1.25rem;font-size:.95rem;line-height:1.6;display:flex}.article-full-content .callout-tip{color:#10b981;background:#10b98114;border:1px solid #10b98140}.article-full-content .callout-tip p,.article-full-content .callout-tip strong{color:#10b981}.article-full-content .callout-warning{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b40}.article-full-content .callout-warning p,.article-full-content .callout-warning strong{color:#f59e0b}.article-full-content .callout-info{color:#60a5fa;background:#3b82f614;border:1px solid #3b82f640}.article-full-content .tools-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin:1rem 0;display:grid}.article-full-content .tool-item{border:1px solid var(--border);color:var(--text-secondary);background:#ffffff08;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.9rem;display:flex}.article-full-content .tool-item:before{content:"✓";color:var(--primary);flex-shrink:0;font-weight:700}.article-full-content .faq-item{border:1px solid var(--border);background:#ffffff05;border-radius:10px;margin-bottom:.75rem;overflow:hidden}.article-full-content .faq-question{color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-weight:600;list-style:none;display:flex}.article-full-content .faq-question:after{content:"+";color:var(--primary);flex-shrink:0;font-size:1.25rem}.article-full-content details[open] .faq-question:after{content:"−"}.article-full-content .faq-answer{color:var(--text-secondary);margin:0;padding:0 1.25rem 1rem;line-height:1.7}.article-not-found{text-align:center;padding:6rem 1.5rem}.article-not-found h1{margin-bottom:1rem;font-size:2rem}.article-not-found p{color:var(--text-secondary);margin-bottom:2rem}@media (width<=1024px){.article-body-grid{grid-template-columns:1fr}.article-sidebar{position:static}.toc-card{display:none}}@media (width<=768px){.tools-card,.internal-links-grid,.related-bottom-grid{grid-template-columns:1fr}.article-actions-row{flex-direction:column}}.category-page{padding-bottom:5rem}.cat-hero{border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#0000004d,#0000);padding:4rem 0 3rem;position:relative;overflow:hidden}.cat-hero-glow{background:var(--cat-color,var(--primary));filter:blur(120px);opacity:.08;pointer-events:none;width:600px;height:400px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.cat-hero-content{z-index:1;position:relative}.cat-breadcrumb{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.cat-breadcrumb a{color:var(--text-secondary)}.cat-breadcrumb a:hover{color:var(--primary)}.cat-title{background:linear-gradient(135deg, var(--text-primary) 60%, var(--cat-color,var(--primary)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.cat-description{color:var(--text-secondary);max-width:600px;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.7}.cat-meta-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.cat-count-badge{color:var(--primary);background:#00f2fe1a;border:1px solid #00f2fe40;border-radius:100px;padding:.4rem 1rem;font-size:.85rem;font-weight:600}.cat-sub-badge{border:1px solid var(--border-light);color:var(--text-secondary);background:#ffffff0a;border-radius:100px;padding:.35rem .85rem;font-size:.8rem}.cat-body{padding-top:2.5rem}.subcat-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.subcat-btn{border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#ffffff08;border-radius:100px;padding:.4rem 1rem;font-family:inherit;font-size:.85rem;font-weight:500}.subcat-btn:hover,.subcat-btn.active{border-color:var(--primary);color:var(--primary);background:#00f2fe0f}.cat-search{background:var(--bg-surface-solid);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:.75rem;margin-bottom:2rem;padding:.75rem 1.25rem;display:flex}.cat-search:focus-within{border-color:#00f2fe66;box-shadow:0 0 0 2px #00f2fe14}.cat-search-icon{color:var(--text-muted);flex-shrink:0}.cat-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.cat-search-input::placeholder{color:var(--text-muted)}.cat-articles-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem;display:grid}.cat-article-card{color:var(--text-primary);transition:var(--transition);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.cat-article-card:hover{transform:translateY(-5px)}.cat-card-img{border-radius:var(--radius-md) var(--radius-md) 0 0;background-position:50%;background-size:cover;height:180px;margin:-1px -1px 0;position:relative}.cat-diff-badge{border-radius:100px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;position:absolute;top:.75rem;right:.75rem}.cat-card-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.cat-card-meta{gap:.75rem;margin-bottom:.75rem;display:flex}.cat-card-cost,.cat-card-time{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.8rem;display:flex}.cat-card-title{margin-bottom:.6rem;font-size:.95rem;font-weight:600;line-height:1.4}.cat-card-excerpt{color:var(--text-muted);flex:1;margin-bottom:.75rem;font-size:.85rem;line-height:1.5}.cat-card-link{color:var(--primary);align-items:center;gap:.25rem;margin-top:auto;font-size:.85rem;font-weight:500;display:inline-flex}.cat-empty{text-align:center;padding:4rem 1.5rem}.cat-empty p{color:var(--text-secondary);margin-bottom:.5rem}.other-cats-section{margin-top:3rem}.other-cats-section h2{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.other-cats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.other-cat-card{color:var(--text-primary);transition:var(--transition);border-top:2px solid #0000;flex-direction:column;padding:1.25rem;text-decoration:none;display:flex}.other-cat-card:hover{border-top-color:var(--cat-color,var(--primary));transform:translateY(-3px)}.other-cat-count{color:var(--text-muted);margin-bottom:.4rem;font-size:.75rem}.other-cat-name{flex:1;margin-bottom:.5rem;font-size:.95rem;font-weight:600}.other-cat-arrow{color:var(--text-muted)}.cat-not-found{text-align:center;padding:6rem 1.5rem}.cat-not-found h1{margin-bottom:1rem;font-size:2rem}.cat-links{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}@media (width<=900px){.cat-articles-grid,.other-cats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.cat-articles-grid{grid-template-columns:1fr}.other-cats-grid{grid-template-columns:repeat(2,1fr)}}.search-page{padding-bottom:5rem}.search-hero{border-bottom:1px solid var(--border-light);background:linear-gradient(#00f2fe0a,#0000);margin-bottom:2.5rem;padding:3.5rem 0 2rem}.search-page-title{margin-bottom:1.5rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700}.search-page-bar{background:var(--bg-surface-solid);border-radius:100px;align-items:center;gap:.5rem;max-width:700px;padding:.5rem;transition:border-color .3s,box-shadow .3s;display:flex}.search-page-bar:focus-within{border-color:#00f2fe66;box-shadow:0 0 0 2px #00f2fe14}.sp-search-icon{color:var(--text-muted);flex-shrink:0;margin-left:.75rem}.sp-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.75rem .5rem;font-family:inherit;font-size:1rem}.sp-search-input::placeholder{color:var(--text-muted)}.sp-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:.25rem;transition:color .2s;display:flex}.sp-clear-btn:hover{color:var(--text-primary)}.sp-submit-btn{border-radius:100px;flex-shrink:0;padding:.7rem 1.5rem}.filter-toggle-btn{color:var(--text-secondary);border:1px solid var(--border-light);cursor:pointer;transition:var(--transition);background:0 0;border-radius:100px;align-items:center;gap:.5rem;margin-top:1rem;padding:.45rem 1rem;font-family:inherit;font-size:.9rem;display:inline-flex}.filter-toggle-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-count{background:var(--primary);border-radius:50%;width:6px;height:6px}.search-filters{border-radius:var(--radius-md);flex-direction:column;gap:1.25rem;max-width:700px;margin-top:1rem;padding:1.5rem;display:flex}.filter-group{flex-direction:column;gap:.6rem;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.8rem;font-weight:700}.filter-options{flex-wrap:wrap;gap:.5rem;display:flex}.filter-btn{border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#ffffff08;border-radius:100px;padding:.35rem .9rem;font-family:inherit;font-size:.85rem}.filter-btn:hover,.filter-btn.active{border-color:var(--primary);color:var(--primary);background:#00f2fe0f}.clear-filters-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:0;font-family:inherit;font-size:.85rem;transition:color .2s;display:inline-flex}.clear-filters-btn:hover{color:#f43f5e}.search-body{padding-top:0}.search-result-count{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.count-num{color:var(--primary);font-size:1.1rem;font-weight:700}.search-results-list{flex-direction:column;gap:1rem;display:flex}.search-result-card{color:var(--text-primary);transition:var(--transition);grid-template-columns:140px 1fr;gap:1.25rem;text-decoration:none;display:grid;overflow:hidden}.search-result-card:hover{border-color:#00f2fe40;transform:translateY(-3px)}.src-img{border-radius:var(--radius-sm) 0 0 var(--radius-sm);background-position:50%;background-size:cover;min-height:140px;margin:-1px 0 -1px -1px}.src-body{flex-direction:column;padding:1.25rem 1.25rem 1.25rem 0;display:flex}.src-meta{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.src-cat{color:var(--primary);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.src-diff{font-size:.8rem;font-weight:600}.src-time{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.8rem;display:flex}.src-title{margin-bottom:.5rem;font-size:1.05rem;font-weight:600;line-height:1.3}.src-excerpt{color:var(--text-secondary);flex:1;margin-bottom:.75rem;font-size:.875rem;line-height:1.6}.src-footer{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.src-cost{color:var(--text-muted);font-size:.8rem}.src-tags{gap:.4rem;display:flex}.src-tag{border:1px solid var(--border-light);color:var(--text-muted);background:#ffffff0a;border-radius:4px;padding:.15rem .5rem;font-size:.75rem}.src-link{color:var(--primary);align-items:center;gap:.25rem;margin-left:auto;font-size:.85rem;font-weight:500;display:inline-flex}.search-empty{text-align:center;padding:5rem 1.5rem}.empty-icon{margin-bottom:1rem;font-size:3rem}.search-empty h2{margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.search-empty p{color:var(--text-secondary);margin-bottom:2rem}.empty-cat-links{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.search-browse-section{margin-top:3rem}.search-browse-section h2{margin-bottom:1.25rem;font-size:1.5rem;font-weight:700}.search-cat-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.search-cat-card{color:var(--text-primary);transition:var(--transition);justify-content:space-between;align-items:center;padding:1.25rem;text-decoration:none;display:flex}.search-cat-card:hover{border-color:#00f2fe4d;transform:translateY(-2px)}.search-cat-name{font-size:.95rem;font-weight:600}.search-cat-count{color:var(--text-muted);margin-top:.2rem;font-size:.8rem}.search-cat-arrow{color:var(--text-muted);flex-shrink:0}@media (width<=768px){.search-result-card{grid-template-columns:1fr}.src-img{border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:180px;margin:-1px -1px 0}.src-body{padding:1.25rem}.search-cat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.search-cat-grid{grid-template-columns:1fr}}.static-page{min-height:80vh}.static-hero{border-bottom:1px solid var(--border-light);text-align:center;background:linear-gradient(135deg,#00f2fe0f 0%,#4facfe0a 50%,#0000 100%);padding:4rem 0 3rem}.static-hero-inner{max-width:680px}.static-icon-badge{background:var(--bg-surface);border:1px solid var(--border-glow);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.5rem;display:flex;box-shadow:0 0 32px #00f2fe26}.static-hero h1{background:linear-gradient(135deg, #fff 40%, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}.static-hero-sub{color:var(--text-secondary);font-size:1.1rem;line-height:1.7}.static-content{max-width:860px;padding-top:3rem;padding-bottom:6rem}.static-section{margin-bottom:3rem}.static-section h2{color:var(--text-primary);border-bottom:1px solid var(--border-light);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.4rem;font-weight:700;display:flex}.static-section h3{color:var(--text-primary);margin:1.25rem 0 .6rem;font-size:1.05rem;font-weight:600}.static-section p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.85}.static-section strong{color:var(--text-primary)}.static-section a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.static-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-left:1.5rem;list-style:outside;display:flex}.static-list li{color:var(--text-secondary);line-height:1.7}.static-list strong{color:var(--text-primary)}.btn-primary-static{background:linear-gradient(135deg, var(--primary), var(--accent));color:#000;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary-static:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 24px #00f2fe4d}.btn-primary-static.full-width{justify-content:center;width:100%}.stats-row{grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0 3rem;display:grid}.stat-card{text-align:center;padding:1.5rem 1rem}.stat-value{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-size:1.8rem;font-weight:800;line-height:1.2}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.values-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.25rem;display:grid}.value-card{padding:1.5rem}.value-icon{border-radius:var(--radius-sm);border:1px solid var(--border-glow);background:#00f2fe1a;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1rem;display:flex}.value-card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:700}.value-card p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.7}.contact-cta{text-align:center;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:1rem;padding:2.5rem;display:flex}.contact-cta h2{border:none;justify-content:center;margin:0;padding:0}.contact-cta p{margin:0}.contact-layout{grid-template-columns:340px 1fr;align-items:start;gap:2rem;display:grid}.contact-info-card{flex-direction:column;gap:1.25rem;margin-bottom:1rem;padding:1.5rem;display:flex}.contact-info-item{align-items:flex-start;gap:1rem;display:flex}.contact-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;font-size:.75rem}.contact-info-value{color:var(--text-primary);font-size:.95rem;font-weight:500}.contact-info-value a{color:var(--primary)}.contact-faq{padding:1.5rem}.contact-faq h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:1.25rem;font-size:.85rem}.contact-faq-item{align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.contact-faq-item>svg{flex-shrink:0;margin-top:2px}.contact-faq-item strong{color:var(--text-primary);margin-bottom:.25rem;font-size:.9rem;display:block}.contact-faq-item p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.6}.contact-faq-item a{color:var(--primary)}.contact-form{padding:2rem}.contact-form h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);background:#ffffff0a;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--border-glow);background:#00f2fe0a;box-shadow:0 0 0 3px #00f2fe14}.form-group select option{background:var(--bg-surface-solid);color:var(--text-primary)}.form-group textarea{resize:vertical;min-height:140px}.contact-success{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.contact-success h2{color:var(--text-primary);font-size:1.5rem;font-weight:700}.contact-success p{color:var(--text-secondary);line-height:1.7}.contact-success a{color:var(--primary)}.legal-intro{border-left:3px solid var(--primary);margin-bottom:2.5rem;padding:1.5rem 2rem}.legal-intro p{color:var(--text-secondary);margin:0;line-height:1.8}.legal-contact-box{margin-top:1rem;padding:1.25rem 1.5rem}.legal-contact-box p{margin:.3rem 0}@media (width<=900px){.stats-row{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr}}@media (width<=640px){.static-hero{padding:2.5rem 0 2rem}.values-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.contact-form{padding:1.5rem}}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}:root{--primary:#00f2fe;--primary-dark:#08c;--accent:#4facfe;--bg-main:#060913;--bg-surface:#14192899;--bg-surface-solid:#0d121f;--bg-surface-hover:#1e2638cc;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--border-light:#ffffff14;--border-glow:#00f2fe4d;--shadow-sm:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 25px -5px #00000080;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);background-image:radial-gradient(circle at top,#4facfe1a 0%,#0000 40%),radial-gradient(circle at 100% 100%,#00f2fe0d 0%,#0000 40%);background-attachment:fixed;min-height:100vh;font-family:Outfit,Inter,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}button{cursor:pointer;transition:var(--transition);background:0 0;border:none;font-family:Outfit,sans-serif}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.heading-1{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.1}.heading-2{font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.2}.heading-3{margin-bottom:.5rem;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{border-radius:100px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(45deg, var(--primary-dark), var(--accent));color:#fff;box-shadow:0 4px 15px #00f2fe4d}.btn-primary:hover{background:linear-gradient(45deg, var(--accent), #00f2fe);transform:translateY(-2px);box-shadow:0 6px 20px #00f2fe80}.btn-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-light);color:var(--text-primary);background:#ffffff0d}.btn-glass:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.25,1,.5,1) forwards fadeIn}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}@media (width<=768px){.grid-cols-3,.grid-cols-4,.grid-cols-2{grid-template-columns:repeat(1,1fr)}}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}@supports not (color:color-mix(in srgb, red, blue)){.category-card:hover{border-top-color:var(--primary)}}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}::selection{color:var(--text-primary);background:#00f2fe40}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}