.skills-hub{--skills-primary: #0084ff;--skills-primary-hover: #0070d9;--skills-bg: #f4f6f9;--skills-card-bg: #ffffff;--skills-border: rgba(0, 0, 0, .06);--skills-text: #181d27;--skills-muted: #667085}.skills-hub.dark,.dark .skills-hub{--skills-bg: #0a0e14;--skills-card-bg: #151b26;--skills-border: rgba(255, 255, 255, .1);--skills-text: #f3f4f6;--skills-muted: #9ca3af}.skills-hub{background:var(--skills-bg);color:var(--skills-text)}.skills-hub-header{border-bottom:1px solid var(--skills-border);background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dark .skills-hub-header{background:#111827eb}.skills-hub-nav-link{padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--skills-muted);transition:color .15s,background .15s}.skills-hub-nav-link:hover{color:var(--skills-primary);background:#0084ff0f}.skills-hub-nav-link.active{color:var(--skills-primary);background:#0084ff1a}.skills-hub-ghost-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;color:var(--skills-muted);border:1px solid transparent;background:transparent;transition:color .15s,background .15s}.skills-hub-ghost-icon-btn:hover{color:var(--skills-text);background:#0000000a}.dark .skills-hub-ghost-icon-btn:hover{background:#ffffff0f}.skills-hub-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skills-hub-dropdown-menu{min-width:8rem;padding:.25rem!important;border-radius:.5rem!important;border:1px solid var(--skills-border)!important;background:var(--skills-card-bg)!important;box-shadow:0 8px 24px #0f172a1f!important}.skills-hub-dropdown-item{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem .75rem!important;border-radius:.375rem!important;font-size:.875rem!important;color:var(--skills-text)!important}.skills-hub-dropdown-item:hover{background:#0084ff0f!important}.skills-hub-dropdown-item.active{color:var(--skills-primary)!important;background:#0084ff1a!important;font-weight:600!important}.skills-hub-icon-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.8125rem;color:var(--skills-muted);border:1px solid var(--skills-border);background:var(--skills-card-bg);transition:color .15s,border-color .15s}.skills-hub-icon-btn:hover{color:var(--skills-primary);border-color:#0084ff59}.skills-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;border:1px solid var(--skills-border);background:var(--skills-card-bg);color:var(--skills-muted);white-space:nowrap}.skills-chip:hover{border-color:#0084ff59;color:var(--skills-primary)}.skills-chip.active{background:var(--skills-primary);border-color:var(--skills-primary);color:#fff;box-shadow:0 4px 12px #0084ff59}.skills-chip-count{opacity:.75;font-size:.8125rem}.skills-card{display:flex;flex-direction:column;height:100%;border-radius:1rem;border:1px solid var(--skills-border);background:var(--skills-card-bg);overflow:hidden;transition:box-shadow .2s,transform .2s;text-decoration:none;color:inherit}.skills-card:hover{box-shadow:0 8px 24px #1018281a;transform:translateY(-2px)}.skills-card-cover{aspect-ratio:16 / 9;background:linear-gradient(135deg,#dbeafe,#93c5fd);display:flex;align-items:center;justify-content:center;overflow:hidden}.dark .skills-card-cover{background:linear-gradient(135deg,#1e3a5f,#172554)}.skills-card-cover img{width:100%;height:100%;object-fit:cover}.skills-card-initial{font-size:2rem;font-weight:700;color:var(--skills-primary)}.skills-card-body{padding:1rem 1rem 1.125rem;flex:1;display:flex;flex-direction:column;min-width:0}.skills-card-title{font-size:.9375rem;font-weight:600;line-height:1.35;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skills-card:hover .skills-card-title{color:var(--skills-primary)}.skills-card-desc{font-size:.8125rem;line-height:1.55;color:var(--skills-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;margin-bottom:.75rem}.skills-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.75rem;color:var(--skills-muted)}.skills-card-meta span{display:inline-flex;align-items:center;gap:.25rem}.skills-card-category{margin-top:.5rem;font-size:.75rem;color:var(--skills-muted)}.skills-card-cover{position:relative}.skills-rank-badge{position:absolute;top:.5rem;left:.5rem;z-index:2;min-width:1.75rem;height:1.75rem;padding:0 .375rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;line-height:1;background:#00000073;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 4px #00000040}.skills-rank-badge.top3{background:linear-gradient(135deg,#ff6b2b,#ffa726);box-shadow:0 2px 8px #ff6b2b73}.skills-category-card{display:block;padding:1.5rem;border-radius:1rem;border:1px solid var(--skills-border);background:var(--skills-card-bg);transition:box-shadow .2s,transform .2s,border-color .2s;text-decoration:none;color:inherit}.skills-category-card:hover{box-shadow:0 8px 24px #10182814;transform:translateY(-2px);border-color:#0084ff40}.skills-category-card h3{font-size:1rem;font-weight:600;margin-bottom:.375rem}.skills-category-card:hover h3{color:var(--skills-primary)}.skills-category-card p{font-size:.875rem;color:var(--skills-muted)}.skills-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.skills-search-box{flex:1;min-width:200px;display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border-radius:.75rem;border:1px solid var(--skills-border);background:var(--skills-card-bg)}.skills-search-box input{flex:1;border:none;outline:none;background:transparent;font-size:.875rem;color:inherit}.skills-search-box input::placeholder{color:var(--skills-muted)}.skills-sort-select{min-width:140px;padding:.625rem .875rem;border-radius:.75rem;border:1px solid var(--skills-border);background:var(--skills-card-bg);font-size:.875rem;color:inherit}.skills-search-btn{padding:.625rem 2rem;border-radius:.75rem;background:var(--skills-primary);color:#fff;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:background .15s}.skills-search-btn:hover{background:var(--skills-primary-hover)}.skills-chips-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.skills-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-top:2.5rem}.skills-pagination-btn{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid var(--skills-border);background:var(--skills-card-bg);color:var(--skills-muted);cursor:pointer;transition:all .15s}.skills-pagination-btn:hover:not(:disabled){border-color:var(--skills-primary);color:var(--skills-primary)}.skills-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.skills-pagination-btn.active{background:var(--skills-primary);border-color:var(--skills-primary);color:#fff}.skills-pagination-info{margin-left:.75rem;font-size:.8125rem;color:var(--skills-muted)}.skills-hub .skills-markdown pre{background:#0f141d;color:#e5e7eb;border-radius:.75rem;padding:1rem;overflow-x:auto;font-size:.8125rem}.skills-hub .skills-markdown code{font-size:.875em}.skills-hub .skills-markdown pre code{background:transparent;padding:0}.skills-hub .skills-markdown h1,.skills-hub .skills-markdown h2,.skills-hub .skills-markdown h3{margin-top:1.25em;margin-bottom:.5em;font-weight:600}.skills-hub .skills-markdown p,.skills-hub .skills-markdown li{line-height:1.7}.skills-home{width:100%}.skills-hero{position:relative;padding:4rem 1.5rem 5rem;text-align:center;overflow:hidden;background:linear-gradient(180deg,rgba(0,132,255,.06) 0%,transparent 100%)}.dark .skills-hero{background:linear-gradient(180deg,rgba(0,132,255,.12) 0%,transparent 100%)}.skills-hero-glow{position:absolute;top:-40%;left:50%;transform:translate(-50%);width:min(800px,120vw);height:400px;background:radial-gradient(ellipse,rgba(0,132,255,.15) 0%,transparent 70%);pointer-events:none}.skills-hero-inner{position:relative;max-width:42rem;margin:0 auto}.skills-hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:1rem}.skills-hero-title span{display:block}.skills-hero-title-accent{background:linear-gradient(135deg,#0084ff,#46acff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skills-hero-lead{font-size:1.125rem;font-weight:500;color:var(--skills-text);margin-bottom:.5rem}.skills-hero-desc{font-size:.9375rem;color:var(--skills-muted);margin-bottom:2rem}.skills-hero-search{display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:center;width:100%;max-width:32rem;margin:0 auto 1.25rem}.skills-hero-search .skills-search-btn{flex-shrink:0;white-space:nowrap}.skills-hero-search-box{flex:1;min-width:220px;display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:.875rem;border:1px solid var(--skills-border);background:var(--skills-card-bg);box-shadow:0 4px 16px #1018280f}.skills-hero-search-box input{flex:1;border:none;outline:none;background:transparent;font-size:.9375rem;color:inherit}.skills-hero-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.875rem;background:var(--skills-primary);color:#fff;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .15s,transform .15s;box-shadow:0 4px 14px #0084ff59}.skills-hero-cta:hover{background:var(--skills-primary-hover);transform:translateY(-1px);color:#fff}.skills-home-section{padding:2.5rem 1.5rem;max-width:80rem;margin:0 auto}.skills-home-section+.skills-home-section{padding-top:0}.skills-about-section{padding-top:3rem;border-top:1px solid var(--skills-border)}.skills-about-header{text-align:center;max-width:36rem;margin:0 auto 2.5rem}.skills-about-header .skills-section-subtitle{margin-top:.75rem}.skills-about-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.skills-about-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.skills-about-item{text-align:center;padding:0 .5rem}.skills-about-item h3{font-size:1rem;font-weight:600;margin:.75rem 0 .5rem}.skills-about-item p{font-size:.8125rem;line-height:1.65;color:var(--skills-muted)}.skills-section-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.skills-section-title{font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.skills-section-subtitle{font-size:.875rem;color:var(--skills-muted);margin-top:.25rem}.skills-view-all{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:var(--skills-primary);text-decoration:none;transition:gap .15s}.skills-view-all:hover{gap:.625rem}.skills-feature-icon{width:3rem;height:3rem;margin:0 auto;border-radius:.875rem;background:#0084ff1a;display:flex;align-items:center;justify-content:center}.skills-how-section{padding-bottom:4rem;border-top:1px solid var(--skills-border)}.skills-how-title{text-align:center;margin-bottom:2rem}.skills-steps-list{max-width:42rem;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.skills-step-row{display:flex;align-items:flex-start;gap:1rem;text-align:left}.skills-step-num{flex-shrink:0;width:2rem;height:2rem;border-radius:9999px;background:var(--skills-primary);color:#fff;font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;margin-top:.125rem}.skills-step-content h3{font-size:.9375rem;font-weight:600;margin-bottom:.25rem;line-height:1.4}.skills-step-content p{font-size:.8125rem;line-height:1.65;color:var(--skills-muted)}@media (min-width: 768px){.skills-steps-list{flex-direction:row;gap:2rem;max-width:none}.skills-step-row{flex:1;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.skills-step-num{margin-top:0}}.skills-how-cta{text-align:center;margin-top:2rem}.skills-hero-cta-outline{background:transparent;color:var(--skills-primary);border:1px solid rgba(0,132,255,.35);box-shadow:none}.skills-hero-cta-outline:hover{background:#0084ff0f;color:var(--skills-primary)}