:root{--bg:#050816;--bg-elevated:#0b1020;--accent:#4f46e5;--accent-soft:#4f46e51f;--accent-strong:#6366f1;--accent-secondary:#ec4899;--text-main:#f9fafb;--text-muted:#9ca3af;--border-subtle:#94a3b84d;--radius-xl:1.5rem;--radius-lg:1rem;--radius-md:.75rem;--shadow-soft:0 18px 45px #0f172acc}*,:before,:after{box-sizing:border-box}html,body{color:var(--text-main);background:radial-gradient(circle at top,#1d2342 0,#050816 45%,#020617 100%);margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}.app-shell{max-width:1200px;margin:0 auto;padding:1.25rem 1.25rem 0}@media (min-width:768px){.app-shell{padding:1.75rem 1.75rem 0}}.nav{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:20;border-bottom:1px solid #94a3b880;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 5rem;display:flex;position:sticky;top:.75rem;box-shadow:0 18px 45px #0f172ab3}.nav-left{align-items:center;gap:.75rem;display:flex}.logo-mark{border-radius:.9rem;justify-content:center;align-items:center;padding:2px;display:flex}.logo-inner{letter-spacing:.04em;background:radial-gradient(circle at 25% 0,#1e293b,#020617 60%,#000 100%);border-radius:.8rem;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.15rem;font-weight:700;display:flex}.logo-text{flex-direction:column;display:flex}.logo-title{letter-spacing:.06em;text-transform:uppercase;font-size:.9rem;font-weight:600}.logo-subtitle{color:var(--text-muted);font-size:.75rem}.nav-right{align-items:center;gap:.75rem;display:flex}@media (max-width:640px){.nav{padding:.6rem .9rem}.nav-left{flex:auto}.logo-text{display:none}.nav-right{flex-direction:column;align-items:flex-end;gap:.4rem}.pill{display:none!important}}.pill{color:var(--text-muted);background:radial-gradient(circle at top,#94a3b866,#0000 55%);border:1px solid #94a3b880;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;display:flex}.lang-switch{cursor:pointer;color:var(--text-main);background:radial-gradient(circle at top,#0f172af2,#0f172ae6);border:1px solid #94a3b8a6;border-radius:999px;align-items:center;gap:.3rem;padding:.32rem .7rem;font-size:.75rem;display:inline-flex;box-shadow:0 12px 24px #0f172acc}.lang-active{letter-spacing:.05em;color:#0f172a;background:radial-gradient(circle at top,#f9fafb,#e5e7eb);border-radius:999px;padding:.2rem .55rem;font-weight:700}.lang-inactive{opacity:.55}.lang-separator{opacity:.4;font-size:.7rem}.lang-switch-dot{background:radial-gradient(circle at 30% 0,#22c55e,#16a34a 40%,#166534 100%);border-radius:999px;width:.5rem;height:.5rem;box-shadow:0 0 0 4px #22c55e2e}.hero{gap:1.75rem;margin-top:1.75rem;display:grid}@media (min-width:900px){.hero{grid-template-columns:minmax(0,3fr) minmax(0,2.5fr);align-items:center}}.hero-title{letter-spacing:-.03em;margin-bottom:.75rem;font-size:clamp(2.25rem,4vw,3rem);line-height:1.1}.hero-title span{background:linear-gradient(120deg,#e5e7eb,#a5b4fc,#f9a8d4);color:#0000;-webkit-background-clip:text}.hero-badge{color:var(--text-muted);background:radial-gradient(circle at 0 0,#4f46e559,#0000 65%);border:1px solid #94a3b859;border-radius:999px;align-items:center;gap:.45rem;margin-bottom:.6rem;padding:.25rem .7rem;font-size:.7rem;display:inline-flex}.hero-badge-dot{background:#22c55e;border-radius:999px;width:.38rem;height:.38rem;box-shadow:0 0 0 3px #22c55e47}.hero-desc{color:var(--text-muted);max-width:32rem;font-size:.97rem}.hero-actions{flex-wrap:wrap;gap:.65rem;margin-top:1.25rem;display:flex}.btn-primary{color:var(--text-main);cursor:pointer;background:radial-gradient(circle at 20% 0,#4f46e5,#1d2459 55%,#020617 100%);border:1px solid #818cf8cc;border-radius:999px;align-items:center;gap:.4rem;padding:.7rem 1.2rem;font-size:.85rem;font-weight:500;display:inline-flex;box-shadow:0 18px 40px #4f46e58c}.btn-ghost{color:var(--text-muted);cursor:pointer;background:radial-gradient(circle at top,#0f172ae6,#0f172ab3);border:1px solid #94a3b866;border-radius:999px;align-items:center;gap:.4rem;padding:.7rem 1.1rem;font-size:.85rem;display:inline-flex}.stats-row{flex-wrap:wrap;gap:.85rem;margin-top:1.5rem;display:flex}.stat-pill{background:radial-gradient(circle at top,#1e40af8c,#0f172ae6);border:1px solid #94a3b866;border-radius:999px;flex-direction:column;padding:.55rem .9rem;font-size:.75rem;display:flex}.stat-label{color:var(--text-muted)}.stat-value{font-weight:600}.hero-right{position:relative}.hero-panel{border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 0 0,#1d2437,#020617 60%,#000 100%);border:1px solid #94a3b880;padding:1.2rem 1.1rem 1.35rem;overflow:hidden}.hero-panel-header{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.hero-panel-title{color:var(--text-muted);font-size:.85rem}.dot-row{gap:.35rem;display:flex}.dot{border-radius:999px;width:.5rem;height:.5rem}.dot-1{background:#f97316}.dot-2{background:#22c55e}.dot-3{background:#6366f1}.category-grid{margin-top:2.3rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-title{font-size:1.1rem;font-weight:600}.section-sub{color:var(--text-muted);font-size:.85rem}.categories{grid-template-columns:repeat(1,minmax(0,1fr));gap:.9rem;display:grid}@media (min-width:640px){.categories{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.categories{grid-template-columns:repeat(3,minmax(0,1fr))}}.category-card{border-radius:var(--radius-lg);cursor:pointer;background:radial-gradient(circle at 0 0,#4f46e545,#0f172af2);border:1px solid #94a3b873;flex-direction:column;gap:.5rem;padding:.9rem .95rem;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:flex}.category-card:hover{background:radial-gradient(circle at 0 0,#4f46e573,#0f172a);border-color:#818cf8e6;transform:translateY(-3px)translateZ(0);box-shadow:0 18px 45px #0f172af2}.category-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.category-name{font-size:.95rem;font-weight:500}.category-badge{color:var(--text-muted);background:#0f172ad9;border:1px solid #94a3b899;border-radius:999px;padding:.25rem .6rem;font-size:.7rem}.category-desc{color:var(--text-muted);font-size:.8rem}.category-meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.category-chip-row{flex-wrap:wrap;gap:.3rem;display:flex}.chip{color:var(--text-muted);border:1px solid #94a3b873;border-radius:999px;padding:.1rem .45rem;font-size:.7rem}.search-row{flex-wrap:wrap;gap:.75rem;margin-top:1.4rem;display:flex}.search-input-wrap{background:radial-gradient(circle at 0 0,#0f172ae6,#0f172ae6);border:1px solid #94a3b873;border-radius:999px;flex:220px;align-items:center;gap:.55rem;padding:.6rem .8rem;display:flex}.search-input-wrap input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.search-input-wrap input::placeholder{color:var(--text-muted)}.filter-chips{flex-wrap:wrap;gap:.4rem;display:flex}.filter-chip{color:var(--text-muted);background:radial-gradient(circle at top,#0f172ae6,#0f172acc);border:1px solid #94a3b873;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .7rem;font-size:.75rem;line-height:1;display:inline-flex}.footer{color:var(--text-muted);border-top:1px solid #1e40af80;flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:2.5rem;padding:1.5rem 5rem 4rem;font-size:.78rem;display:flex}.footer-links{flex-wrap:wrap;gap:.75rem;display:flex}.breadcrumbs{color:var(--text-muted);margin:1.4rem 0 .9rem;font-size:.8rem}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs span{color:var(--text-main)}.category-page-header{flex-direction:column;gap:.4rem;margin-bottom:1.5rem;display:flex}.category-page-meta{color:var(--text-muted);flex-wrap:wrap;gap:.6rem;font-size:.78rem;display:flex}.fake-list{border-radius:var(--radius-lg);background:radial-gradient(circle at 0 0,#0f172ae6,#0f172af5);border:1px solid #94a3b873;gap:.7rem;padding:.9rem;display:grid}.fake-item{border-radius:var(--radius-md);background:radial-gradient(circle at 0 0,#1e40af80,#0f172af2);border:1px solid #1f2937d9;flex-direction:column;gap:.25rem;padding:.7rem .75rem;display:flex}.fake-item-title{font-size:.87rem;font-weight:500}.fake-item-desc{color:var(--text-muted);font-size:.78rem}.fake-item-tags{flex-wrap:wrap;gap:.35rem;margin-top:.25rem;display:flex}.skill-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:.9rem;display:grid}@media (min-width:768px){.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1080px){.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.skill-card{-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 0 0,#0f172ae6,#0f172a);border:1px solid #1e40afb3;border-radius:1rem;flex-direction:column;gap:.35rem;padding:.95rem 1.05rem;display:flex;box-shadow:0 18px 35px #0f172ae6}.skill-card:hover{border-color:#818cf8f2;transition:border-color .16s,transform .16s,box-shadow .16s;transform:translateY(-2px)}.skill-card-title{font-size:.9rem;font-weight:600}.skill-card-desc{color:var(--text-muted);font-size:.78rem}.badge-soft{color:var(--text-muted);border:1px solid #94a3b880;border-radius:999px;padding:.15rem .5rem;font-size:.7rem}.summary-card{border-radius:var(--radius-lg);background:radial-gradient(circle at 0 0,#0f172ae6,#0f172af7);border:1px solid #94a3b880;margin-top:2.3rem;padding:1.1rem 1rem 1.2rem;box-shadow:0 16px 40px #0f172ad9}.summary-grid{gap:.6rem;margin-top:.9rem;display:grid}.summary-row{justify-content:space-between;gap:1rem;font-size:.8rem;display:flex}.summary-label{color:var(--text-main);font-weight:500}.summary-value{color:var(--text-muted);text-align:right}.highlight-section{border-radius:var(--radius-xl);background:radial-gradient(circle at 0 0,#0f172aeb,#0f172a);border:1px solid #94a3b88c;margin-top:2.4rem;padding:1.3rem 1.15rem 1.4rem;box-shadow:0 20px 50px #0f172af2}.highlight-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.highlight-pill{color:#dbeafe;background:radial-gradient(circle at top,#3b82f652,#0f172a);border:1px solid #93c5fdb3;border-radius:999px;padding:.35rem .85rem;font-size:.75rem}.highlight-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:.9rem;display:grid}@media (min-width:800px){.highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1180px){.highlight-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.highlight-card{background:radial-gradient(circle at top,#0f172a,#020617 55%,#000 100%);border:1px solid #1e40afbf;border-radius:1rem;flex-direction:column;gap:.45rem;padding:.95rem .9rem 1rem;display:flex;box-shadow:0 18px 40px #0f172ae6}.highlight-badge{color:#6ee7b7;background:#10b9812e;border-radius:999px;justify-content:center;align-items:center;padding:.15rem .6rem;font-size:.7rem;display:inline-flex}.highlight-title{font-size:.95rem;font-weight:600}.highlight-desc{color:var(--text-muted);font-size:.8rem}.highlight-meta{color:var(--text-muted);justify-content:space-between;margin-top:.35rem;font-size:.78rem;display:flex}.skill-card-link{color:inherit;text-decoration:none;display:block}.skill-detail-actions{margin-bottom:1.2rem}.skill-detail-body{border-radius:var(--radius-lg);color:var(--text-main);background:radial-gradient(circle at 0 0,#0f172af2,#0f172a);border:1px solid #94a3b880;padding:1rem 1.1rem 1.2rem;font-size:.85rem}.skill-detail-body h1,.skill-detail-body h2,.skill-detail-body h3{margin-top:1rem;margin-bottom:.35rem}.skill-detail-body p{color:var(--text-muted);margin:.35rem 0}.skill-detail-body ul,.skill-detail-body ol{margin:.35rem 0 .35rem 1.2rem}.skill-detail-meta{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.9rem;display:flex}.skill-detail-tags{flex-wrap:wrap;gap:.35rem;display:flex}.skill-detail-homepage{color:#93c5fd;font-size:.78rem;text-decoration:underline}.skill-meta-block{color:var(--text-muted);border-top:1px solid #94a3b866;margin-top:.8rem;padding-top:.6rem;font-size:.8rem}.skill-meta-title{color:var(--text-main);margin-bottom:.3rem;font-size:.82rem;font-weight:500}.skill-meta-row ul{margin:.25rem 0 .25rem 1.1rem}.skill-meta-dim{color:#94a3b8cc}.skill-search-panel{border-radius:var(--radius-lg);background:radial-gradient(circle at 0 0,#0f172ae6,#0f172afa);border:1px solid #94a3b880;margin-top:.9rem;padding:.9rem .9rem .95rem;box-shadow:0 18px 45px #0f172ad9}.skill-search-title{align-items:baseline;gap:.55rem;font-size:.9rem;font-weight:600;display:flex}.skill-search-sub{color:var(--text-muted);font-size:.78rem;font-weight:400}.skill-search-list{gap:.6rem;margin-top:.75rem;display:grid}.skill-search-item{border-radius:var(--radius-md);background:radial-gradient(circle at 0 0,#1e40af59,#0f172af2);border:1px solid #1f2937d9;padding:.7rem .75rem;transition:transform .16s,border-color .16s,box-shadow .16s;display:block}.skill-search-item:hover{border-color:#818cf8f2;transform:translateY(-2px);box-shadow:0 16px 32px #0f172acc}.skill-search-item-title{color:var(--text-main);font-size:.88rem;font-weight:600}.skill-search-item-desc{color:var(--text-muted);margin-top:.25rem;font-size:.8rem}.skill-search-item-meta{color:#94a3b8e6;margin-top:.4rem;font-size:.75rem}@media (max-width:640px){.highlight-header{flex-direction:column;align-items:flex-start}}