.skills-page{margin-left:60px;min-height:100vh;padding:3rem 0 2rem}.skills-hero{text-align:center;padding:2rem 4rem}.skills-title{font-family:Future Z,sans-serif;font-weight:700;font-style:normal;font-size:clamp(1.5rem,4vw,2.5rem);letter-spacing:.05em;margin-bottom:1rem;background:linear-gradient(90deg,#ff006e,#8338ec,#07429f);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:skillsTitleShift 8s linear infinite}.skills-subtitle{font-size:clamp(.9rem,2vw,1.1rem);color:#ffffff80;max-width:500px;margin:0 auto}.ticker-rows{display:flex;flex-direction:column}.ticker-row{display:flex;align-items:center;border-top:1px solid color-mix(in srgb,var(--row-accent, #ffffff) 12%,transparent);padding:2.6rem 0;position:relative;transition:background .3s ease}.ticker-row:last-child{border-bottom:1px solid color-mix(in srgb,var(--row-accent, #ffffff) 12%,transparent)}.ticker-row:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--row-accent) 4%,transparent);opacity:0;transition:opacity .35s ease;pointer-events:none}.ticker-row:hover:after{opacity:1}.ticker-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--row-accent);opacity:0;transition:opacity .3s ease;z-index:1}.ticker-row:hover:before{opacity:.8}.ticker-cat{flex:0 0 180px;padding-left:1.5rem;border-left:2px solid var(--row-accent);margin-left:.5rem;font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb,var(--row-accent) 45%,white);opacity:1;white-space:nowrap;-webkit-user-select:none;user-select:none}.ticker-wrap{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 6%,black 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 6%,black 94%,transparent 100%)}.ticker-track{display:flex;align-items:center;width:max-content;animation:tickerScroll var(--speed, 30s) linear infinite}.ticker-track:hover{animation-play-state:paused}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{display:flex;align-items:center;gap:.55rem;padding:0 2rem;white-space:nowrap;cursor:default;transition:opacity .2s ease}.ticker-item:hover .ticker-icon{opacity:1;filter:drop-shadow(0 0 8px var(--row-accent))}.ticker-item:hover .ticker-name{color:#fffffff2;text-shadow:0 0 12px color-mix(in srgb,var(--row-accent) 50%,transparent)}.ticker-icon{width:22px;height:22px;flex-shrink:0;fill:var(--row-accent);opacity:.75;transition:opacity .2s ease,filter .2s ease}.ticker-name{font-family:IBM Plex Sans,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffffa6;transition:color .2s ease,text-shadow .2s ease}.ticker-sep{width:4px;height:4px;border-radius:50%;background:var(--row-accent);opacity:.2;flex-shrink:0}.ticker-row[data-cat=languages]{--row-accent: #00fff7}.ticker-row[data-cat=frontend]{--row-accent: #ff207a}.ticker-row[data-cat=backend]{--row-accent: #cc00ff}.ticker-row[data-cat=creative]{--row-accent: #ff6d00}.ticker-row[data-cat=devops]{--row-accent: #00ff88}@media (max-width: 900px){.ticker-cat{flex:0 0 130px;padding-left:1rem;border-left:2px solid var(--row-accent);margin-left:.4rem;font-size:.62rem;font-weight:600;letter-spacing:.18em}.ticker-row{padding:2.2rem 0}.ticker-item{padding:0 1.2rem}.ticker-icon{width:20px;height:20px}.ticker-name{font-size:.88rem}}@media (max-width: 600px){.skills-page{margin-left:0;padding:5rem 0 1.5rem}.skills-hero{padding:2rem 1.5rem 1.5rem}.skills-title{font-size:clamp(1.2rem,6vw,1.8rem)}.ticker-cat{flex:0 0 82px;padding-left:.6rem;border-left:2px solid var(--row-accent);margin-left:.3rem;font-size:.55rem;font-weight:600;letter-spacing:.12em}.ticker-row{padding:1.8rem 0}.ticker-item{padding:0 .9rem}.ticker-icon{width:18px;height:18px}.ticker-name{font-size:.78rem}}@keyframes skillsTitleShift{0%{background-position:100% 50%}to{background-position:0% 50%}}