.skills-page{background:radial-gradient(circle at top left,rgba(139,92,246,.18),transparent 34%),radial-gradient(circle at 85% 18%,rgba(59,130,246,.14),transparent 28%),linear-gradient(180deg,#0f172afa,#020617);min-height:100vh;overflow:hidden;position:relative}.skills-background-noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.82' numOctaves='2' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:soft-light;opacity:.08}.skills-background,.skills-background-noise{inset:0;pointer-events:none;position:fixed;z-index:0}.skills-background{overflow:hidden}.skills-background-grid{background-image:linear-gradient(rgba(148,163,184,.18) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.18) 1px,transparent 0);background-size:48px 48px;inset:0;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 92%);opacity:.08;position:absolute}.skills-background-blob{animation:skills-blob-float 18s ease-in-out infinite alternate;border-radius:999px;filter:blur(90px);opacity:.32;position:absolute}.skills-background-blob--violet{background:#8b5cf66b;height:24rem;left:-6rem;top:-8rem;width:24rem}.skills-background-blob--blue{animation-duration:22s;background:#3b82f642;height:20rem;right:-4rem;top:22%;width:20rem}.skills-background-blob--emerald{animation-duration:20s;background:#10b9813d;bottom:-9rem;height:22rem;left:42%;width:22rem}@keyframes skills-blob-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(2%,-3%) scale(1.05)}}.skills-shell{margin:0 auto;padding:6rem 1rem 5rem;position:relative;width:min(1180px,calc(100% - 32px));z-index:1}.skills-hero{margin-bottom:2rem}.skills-hero--map{align-items:stretch;display:grid;gap:1.4rem;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.skills-hero-copy,.skills-highlight-card,.skills-map-card,.skills-overview-panel,.skills-toolbar-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ab8;border:1px solid rgba(148,163,184,.16);border-radius:1.35rem;box-shadow:0 24px 80px #02061757;overflow:hidden;position:relative}.skills-hero-copy,.skills-map-card,.skills-overview-panel,.skills-toolbar-card{padding:1.7rem}.skills-hero-copy:before,.skills-highlight-card:before,.skills-map-card:before,.skills-overview-panel:before,.skills-toolbar-card:before{background:linear-gradient(135deg,hsla(0,0%,100%,.06),transparent 40%);content:"";inset:0;pointer-events:none;position:absolute}.skills-hero-badge{align-items:center;background:#1e293b8f;border:1px solid rgba(148,163,184,.18);border-radius:999px;color:#cbd5e1;display:inline-flex;font-size:.82rem;gap:.6rem;letter-spacing:.08em;margin-bottom:1rem;padding:.45rem .9rem}.skills-hero-badge-dot{background:linear-gradient(135deg,#a78bfa,#60a5fa);border-radius:999px;box-shadow:0 0 12px #8b5cf6cc;height:.55rem;width:.55rem}.skills-title{color:#f8fafc;font-size:clamp(2.2rem,4vw,3.8rem);font-weight:800;letter-spacing:-.04em;line-height:1.04;margin:0}.skills-subtitle{color:#e2e8f0c2;font-size:1.05rem;line-height:1.85;margin:.95rem 0 0}.skills-overview-panel{display:grid;gap:.9rem}.skills-overview-stat{background:#0206173d;border:1px solid rgba(148,163,184,.12);border-radius:1rem;display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.05rem}.skills-overview-label{color:#94a3b8db;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.skills-overview-value{color:#f8fafc;font-size:1.3rem;font-weight:800}.skills-overview-note{background:linear-gradient(135deg,#3b82f626,#8b5cf61f);border-radius:1rem;color:#e2e8f0c7;line-height:1.75;padding:1rem 1.05rem}.skills-toolbar-card{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.skills-toolbar-copy{max-width:42rem}.skills-toolbar-title{color:#f8fafc;font-size:1.35rem;font-weight:700;margin:0}.skills-toolbar-text{color:#e2e8f0b8;line-height:1.72;margin:.5rem 0 0}.skills-toolbar-actions{align-items:center;display:flex;gap:.75rem}.skills-toolbar-select{background:#1e293bb8;border:1px solid rgba(148,163,184,.18);border-radius:.85rem;color:#e2e8f0;font:inherit;min-width:12rem;padding:.82rem 1rem}.skills-highlight-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.5rem}.skills-highlight-card{padding:1.35rem}.skills-highlight-kicker{align-items:center;background:#3b82f624;border-radius:999px;color:#93c5fd;display:inline-flex;font-size:.72rem;font-weight:700;letter-spacing:.14em;padding:.34rem .7rem;text-transform:uppercase}.skills-highlight-title{color:#f8fafc;font-size:1.3rem;font-weight:800;line-height:1.2;margin:1rem 0 .5rem}.skills-highlight-text{color:#e2e8f0b8;line-height:1.72;margin:0}.skills-map-grid{display:grid;gap:1.25rem}.skills-map-card{border-color:color-mix(in srgb,var(--skills-category-accent,#8b5cf6) 32%,rgba(148,163,184,.16))}.skills-map-card-head{align-items:start;display:grid;gap:1rem;grid-template-columns:auto 1fr;margin-bottom:1.2rem}.skills-map-card-symbol{align-items:center;background:color-mix(in srgb,var(--skills-category-accent,#8b5cf6) 18%,rgba(15,23,42,.82));border-radius:1rem;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--skills-category-accent,#8b5cf6) 28%,rgba(148,163,184,.14));display:flex;height:3.3rem;justify-content:center;width:3.3rem}.skills-map-card-icon{font-size:1.35rem;line-height:1}.skills-map-card-meta{color:#94a3b8d6;font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.skills-map-card-title{color:#f8fafc;font-size:1.45rem;font-weight:800;margin:.4rem 0 .45rem}.skills-map-card-summary{color:#e2e8f0b8;line-height:1.72;margin:0}.skills-map-card-stats{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1.2rem}.skills-map-card-stat{background:#0206173d;border:1px solid rgba(148,163,184,.12);border-radius:1rem;padding:.95rem 1rem}.skills-map-card-stat-label{color:#94a3b8d6;display:block;font-size:.76rem;font-weight:700;letter-spacing:.12em;margin-bottom:.28rem;text-transform:uppercase}.skills-map-card-stat-value{color:#f8fafc;font-size:1rem;font-weight:700}.skills-capability-list{display:grid;gap:.95rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.skills-capability-item{background:#1e293b66;border:1px solid rgba(148,163,184,.12);border-radius:1rem;padding:1rem;transition:border-color .2s ease,background .2s ease,transform .2s ease}.skills-capability-item:hover{background:#1e293b94;border-color:color-mix(in srgb,var(--skills-category-accent,#8b5cf6) 34%,rgba(148,163,184,.16));transform:translateY(-2px)}.skills-capability-top{align-items:center;display:flex;gap:.8rem;justify-content:space-between;margin-bottom:.75rem}.skills-capability-name-wrap{align-items:center;display:flex;gap:.55rem;min-width:0}.skills-capability-icon{font-size:1.1rem;line-height:1}.skills-capability-name{color:#f8fafc;font-size:1rem;font-weight:700;margin:0}.skills-capability-level{align-items:center;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:700;padding:.28rem .58rem;white-space:nowrap}.skills-capability-level--strong{background:#10b98129;color:#6ee7b7}.skills-capability-level--solid{background:#3b82f629;color:#93c5fd}.skills-capability-level--growing{background:#f59e0b29;color:#fcd34d}.skills-capability-level--early{background:#f43f5e24;color:#fda4af}.skills-capability-description{color:#e2e8f0b3;line-height:1.64;margin:0 0 .8rem}.skills-capability-progress-track{background:#0f172ae0;border-radius:999px;height:.42rem;overflow:hidden}.skills-capability-progress-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--skills-category-accent,#8b5cf6) 72%,#fff 8%),var(--skills-category-accent,#8b5cf6));border-radius:inherit;height:100%}.skills-loading{align-items:center;color:#e2e8f0cc;display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem}.skills-loading-spinner{animation:skills-spin .8s linear infinite;border:3px solid rgba(148,163,184,.2);border-radius:50%;border-top-color:#a78bfa;height:3rem;margin-bottom:1rem;width:3rem}.skills-loading-text{font-size:.95rem}@keyframes skills-spin{to{transform:rotate(1turn)}}@media(max-width:1024px){.skills-hero--map,.skills-highlight-grid{grid-template-columns:1fr}}@media(max-width:768px){.skills-shell{padding:5.5rem .5rem 4rem;width:min(100% - 20px,1180px)}.skills-map-card-head,.skills-map-card-stats,.skills-toolbar-card{grid-template-columns:1fr}.skills-toolbar-card{align-items:flex-start;flex-direction:column}.skills-toolbar-select{width:100%}.skills-capability-top{align-items:flex-start;flex-direction:column}}
