.skills-page{height:100%;overflow:auto;padding:2.2rem 1.4rem 1rem;box-sizing:border-box;color:#fff}.skills-hero{max-width:78rem;margin:0 auto 2rem;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:.9rem}.skills-hero__title{margin:0;font-size:clamp(2.1rem,5.3vw,4.1rem);line-height:.96;font-weight:800;letter-spacing:.03em}.skills-hero__subtitle{margin:.75rem 0 0;max-width:46rem;color:#ffffffd6;font-size:clamp(.92rem,1.45vw,1.1rem);line-height:1.45}.skills-section{max-width:78rem;margin:0 auto 1.75rem}.skills-section__title{margin:0 0 .85rem;font-size:.9rem;letter-spacing:.11em;font-weight:700;color:#ffffffdb}.skills-grid{display:grid;gap:.8rem}.skills-grid--top{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.skills-grid--more{grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}.skills-card{position:relative;border:1px solid rgba(255,255,255,.4);background:#00000038;padding:.88rem .9rem}.skills-card--icon{padding-bottom:3.15rem;min-height:14.2rem}.skills-card__title{margin:0 0 .62rem;font-size:.84rem;line-height:1.3;letter-spacing:.08em;font-weight:700}.skills-card__note{margin:.58rem 0 0;color:#ffffffd6;font-size:.92rem;line-height:1.46;max-width:37ch}.skills-list{margin:0;padding-left:1rem;display:grid;gap:.3rem;color:#ffffffe6;font-size:.94rem;line-height:1.4}.skills-tags{display:flex;flex-wrap:wrap;gap:.32rem;margin-top:.72rem}.skills-tag{border:1px solid rgba(255,255,255,.14);padding:.12rem .28rem;font-size:.72rem;letter-spacing:.04em;color:#ffffffb3;font-weight:400}.skills-grid--top .skills-card__title{font-size:.88rem}.skills-grid--more .skills-card__title{font-size:.81rem}.skills-card--connect{border-style:dashed;text-decoration:none;color:inherit;display:block}.skills-card--connect:hover{background:#ffffff0a}.skills-tags--connect{margin-top:.4rem}.skills-card__icon{position:absolute;right:.7rem;bottom:.62rem;width:1.9rem;height:1.9rem;stroke:#ffffffbd;fill:none;stroke-width:1.5;opacity:.9}.skills-icon__frame{animation:skills-frame-breathe 3.4s ease-in-out infinite}.skills-icon__scan{animation:skills-scan-flicker 2.6s ease-in-out infinite}.skills-icon__scan--2{animation-delay:.2s}.skills-icon__scan--3{animation-delay:.4s}.skills-icon__core{animation:skills-core-pulse 2s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.skills-icon__shield{animation:skills-shield-glow 3s ease-in-out infinite}.skills-icon__check{stroke-dasharray:28;stroke-dashoffset:28;animation:skills-check-draw 2.8s ease-in-out infinite}.skills-icon__bar{transform-origin:center bottom;transform-box:fill-box;animation:skills-bar-grow 2.4s ease-in-out infinite}.skills-icon__bar--2{animation-delay:.22s}.skills-icon__bar--3{animation-delay:.44s}@keyframes skills-frame-breathe{0%,to{opacity:.45}50%{opacity:.92}}@keyframes skills-scan-flicker{0%,to{opacity:.25}40%{opacity:.95}70%{opacity:.5}}@keyframes skills-core-pulse{0%,to{transform:scale(.85);opacity:.65}50%{transform:scale(1.18);opacity:1}}@keyframes skills-shield-glow{0%,to{opacity:.5}50%{opacity:.95}}@keyframes skills-check-draw{0%,22%{stroke-dashoffset:28;opacity:.2}45%,75%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:.45}}@keyframes skills-bar-grow{0%,to{transform:scaleY(.68);opacity:.5}50%{transform:scaleY(1.06);opacity:1}}.skills-flow{border:1px solid rgba(255,255,255,.5);margin-bottom:.56rem;padding:.42rem .5rem;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.3rem}.skills-flow__step{text-align:center;font-size:.68rem;letter-spacing:.1em;font-weight:700}.skills-flow__arrow{color:#ffffffad;font-size:.95rem}@media(max-width:960px){.skills-grid--top{grid-template-columns:1fr}}
