.skills-galaxy{color:var(--text);isolation:isolate;z-index:1;padding:clamp(48px,6vw,96px) 18px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;position:relative;overflow:hidden}.skills-galaxy__bg{z-index:-1;filter:blur();position:absolute;inset:-40%}.skills-galaxy__bg:before,.skills-galaxy__bg:after{content:"";opacity:.9;position:absolute;inset:0;transform:translateZ(0)}.skills-galaxy__bg:after{filter:blur(14px);opacity:.75;animation:18s ease-in-out infinite alternate nebulaDrift}@keyframes nebulaDrift{0%{transform:translate(-1.5%,-.5%)scale(1.02)}to{transform:translate(1.5%,.8%)scale(1.05)}}.skills-galaxy__content{max-width:1100px;margin:0 auto}.skills-galaxy__header{text-align:center;max-width:720px;margin:0 auto clamp(22px,3vw,34px)}.kicker{background:var(--panel);border:1px solid var(--border);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:12px;display:inline-flex;box-shadow:inset 0 0 0 1px #7c5cff24}.title{color:var(--neon-text-color);text-shadow:0 0 1px var(--neon-glow-inner),0 0 3px var(--neon-glow-mid),0 0 8px var(--neon-glow-outer);margin:14px 0 10px;font-size:clamp(28px,4.2vw,44px);line-height:1.05}.subtitle{color:var(--muted);margin:0 auto;font-size:clamp(14px,1.5vw,16px);line-height:1.6}.skills-galaxy__layout{grid-template-columns:1.35fr .9fr;align-items:center;gap:clamp(18px,3vw,28px);display:grid}.orbit-stage{border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-height:620px;position:relative;overflow:hidden;box-shadow:0 18px 60px #0006,inset 0 0 0 1px #7c5cff1a}.orbit-stage__vignette{border-radius:var(--radius);pointer-events:none;background:radial-gradient(800px 500px at 50% 40%,#0000 55%,#00000059 95%),radial-gradient(600px 380px at 50% 55%,#7850ff1f,#0000 60%);position:absolute;inset:-1px}.orbit-stage:before{content:"";filter:blur(6px);opacity:.9;pointer-events:none;background:radial-gradient(500px 500px,#7850ff2e,#0000 60%),radial-gradient(420px 420px at 55% 45%,#00c8ff1f,#0000 62%);position:absolute;inset:-20%}.hint{color:var(--muted);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000038;border-radius:999px;padding:8px 10px;font-size:12px;position:absolute;bottom:14px;left:16px}.core{background:radial-gradient(circle at 35% 30%,#ffffff2e,transparent 40%),radial-gradient(circle at 50% 55%,var(--accent-2)0%,var(--accent)55%,var(--bg)100%);text-align:center;z-index:5;border-radius:50%;place-items:center;width:160px;height:160px;display:grid;position:absolute;inset:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #7c5cff59,0 0 90px #5014a059,0 18px 50px #00000073}.core__ring{filter:blur(10px);opacity:.9;background:conic-gradient(from 180deg,#00d2ff00,#00d2ff59,#c850ff59,#00d2ff00);border-radius:50%;animation:10s linear infinite coreSpin;position:absolute;inset:-10px}@keyframes coreSpin{to{transform:rotate(360deg)}}.core__dot{opacity:.8;background:#ffffffbf;border-radius:50%;width:10px;height:10px;position:absolute;top:20px;left:26px;box-shadow:0 0 18px #ffffffb3}.core__text{gap:6px;display:grid}.core__title{letter-spacing:-.02em;font-size:18px;font-weight:800}.core__meta{color:var(--muted);font-size:12px}.orbit{pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit:before{content:"";border:1px solid var(--border);background:radial-gradient(circle,#0000 62%,#ffffff08 78%,#0000 86%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #7c5cff1a,0 0 22px #7c5cff14}.orbit--a{width:360px;height:360px;animation:26s linear infinite orbitSpin}.orbit--b{width:480px;height:480px;animation:34s linear infinite reverse orbitSpin}.orbit--c{width:600px;height:600px;animation:44s linear infinite orbitSpin}@keyframes orbitSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}.orbit-stage:hover .orbit,.orbit-stage:hover .core__ring{animation-play-state:paused}.chip{--count:6;pointer-events:auto;-webkit-user-select:none;user-select:none;--angle:calc((360deg/var(--count))*var(--i));transform:rotate(var(--angle))translateY(calc(-1*var(--radius)))rotate(calc(-1*var(--angle)));color:var(--text);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff1a,#ffffff0f);border-radius:999px;outline:none;padding:10px 14px;font-size:13px;font-weight:650;transition:transform .22s,box-shadow .22s,border-color .22s,filter .22s;position:absolute;top:50%;left:50%;box-shadow:0 10px 24px #00000052,inset 0 0 0 1px #7c5cff1a,0 0 18px #7c5cff2e}.orbit--a .chip{--radius:180px;--count:6}.orbit--b .chip{--radius:240px;--count:5}.orbit--c .chip{--radius:300px;--count:6}.chip:before{content:"";vertical-align:middle;background:radial-gradient(circle at 30% 30%,#ffffffe6,#fff3 40%,#7c5cff00 70%);border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #00d2ff2e}.chip:after{content:attr(data-desc);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);opacity:0;pointer-events:none;background:#080616b8;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:520;line-height:1.35;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 14px 40px #00000073}.chip:hover,.chip:focus-visible{filter:brightness(1.06);transform:rotate(var(--angle))translateY(calc(-1*var(--radius)))rotate(calc(-1*var(--angle)))scale(1.08);border-color:#ffffff38;box-shadow:0 14px 34px #0006,inset 0 0 0 1px #00d2ff38,0 0 26px #c850ff40}.chip:hover:after,.chip:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}.skills-panel{gap:14px;display:grid}.panel-card{background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:16px 16px 14px;box-shadow:0 18px 60px #00000052}.panel-card h3{letter-spacing:.01em;color:var(--text);margin:0 0 8px;font-size:14px}.panel-card p{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.55}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000002e;border-radius:999px;padding:7px 10px;font-size:12px}.pill--a{box-shadow:0 0 0 1px var(--accent)inset}.pill--b{box-shadow:0 0 0 1px var(--accent-2)inset}.pill--c{box-shadow:inset 0 0 0 1px #7850ff1f}.panel-card--grid .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;display:grid}.panel-card--grid .quick-grid span{border:1px solid var(--border);color:var(--text);background:#ffffff0d;border-radius:14px;padding:8px 10px;font-size:12px}.panel-card--cta .cta-row{flex-wrap:wrap;gap:10px;display:flex}.btn{color:var(--text);background:linear-gradient(135deg,var(--accent)30%,var(--accent-2)28%);border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;padding:10px 12px;font-size:13px;font-weight:650;text-decoration:none;transition:transform .18s,filter .18s;display:inline-flex;box-shadow:0 14px 34px #00000059}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn--ghost{background:#ffffff0f}.btn:focus-visible,.chip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.orbit-stage__scanner{border-radius:var(--radius);pointer-events:none;opacity:.55;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.orbit-stage__scanner:before{content:"";filter:blur(10px);opacity:.75;background:radial-gradient(600px 420px at 50% 52%,#00c8ff1f,#0000 62%),radial-gradient(520px 360px at 50% 55%,#c850ff1a,#0000 65%);position:absolute;inset:-30%}.orbit-stage__scanner:after{content:"";opacity:.9;background:conic-gradient(from 90deg,#00d2ff00 0deg 250deg,#00d2ff2e 300deg,#c850ff2e 330deg,#00d2ff00 360deg);border-radius:999px;animation:6.5s linear infinite radarSweep;position:absolute;inset:-40%;-webkit-mask:radial-gradient(circle,#0000 42%,#000 62%);mask:radial-gradient(circle,#0000 42%,#000 62%)}@keyframes radarSweep{to{transform:rotate(360deg)}}.orbit-stage:hover .orbit-stage__scanner:after{animation-play-state:paused}@supports selector(:has(*)){:is(.orbit-stage:has(.chip:hover) .chip:not(:hover),.orbit-stage:has(.chip:focus-visible) .chip:not(:focus-visible)){opacity:.45;filter:saturate(.9)brightness(.95)}}.chip:hover{outline-offset:4px;outline:2px solid #00d2ff73;box-shadow:0 14px 34px #0006,inset 0 0 0 1px #00d2ff38,0 0 26px #c850ff4d,0 0 0 8px #00d2ff0f}.chip:focus-visible{outline-offset:4px;outline:2px solid #c850ff8c;box-shadow:0 14px 34px #0006,inset 0 0 0 1px #c850ff38,0 0 26px #00d2ff40,0 0 0 8px #c850ff0f}@media (max-width:980px){.skills-galaxy__layout{grid-template-columns:1fr}.orbit-stage{min-height:560px}}@media (min-width:641px) and (max-width:980px){.orbit--a{width:300px;height:300px}.orbit--b{width:410px;height:410px}.orbit--c{width:520px;height:520px}.orbit--a .chip{--radius:150px}.orbit--b .chip{--radius:205px}.orbit--c .chip{--radius:260px}.core{width:150px;height:150px}.chip{padding:9px 12px;font-size:12px}}@media (max-width:640px){.orbit-stage{gap:12px;min-height:auto;padding:18px;display:grid}.orbit,.core__ring,.orbit-stage__scanner{display:none!important}.core{width:140px;height:140px;margin:6px auto 10px;position:relative;inset:auto;transform:none}.hint{display:none}.orbit-stage .chip{justify-self:stretch;width:100%;position:relative;top:auto;left:auto;transform:none!important}.orbit-stage .chip:after{opacity:1;max-width:none;margin-top:8px;display:block;position:relative;bottom:auto;left:auto;transform:none}}@media (prefers-reduced-motion:reduce){.orbit--a,.orbit--b,.orbit--c,.core__ring,.skills-galaxy__bg:after,.orbit-stage__scanner:after{animation:none!important}.chip,.btn{transition:none!important}}