:root{--bg-dark:#0a0a0a;--bg-card-hover:#141313;--text-main:#ffffff;--text-muted:#9ca3af;--icon-base:#a3a3a3;--text-sub:#eaeaea;--text-dim:#dadada;--skill-glow:94, 0, 201;--skill-border:0, 33, 224;--project-glow:90, 4, 239;--project-border:59, 61, 71}.skill-section{margin-top:2rem;margin-bottom:4rem}.skill-category{margin-bottom:2.5rem}.skill-category__title{font-size:1.1rem;font-weight:700;color:var(--text-main);margin-bottom:1.25rem;border-left:3px solid rgb(var(--skill-glow));padding-left:12px;text-transform:uppercase;letter-spacing:.05em}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem}.skill-card{aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;background-color:var(--bg-dark);border:1px solid rgba(var(--skill-border),.4);border-radius:.75rem;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background-color .2s ease;cursor:default}.skill-card:hover{transform:translateY(-4px);border-color:rgba(var(--skill-glow),.8);background-color:var(--bg-card-hover)}.skill-icon{font-size:2.5rem;color:var(--icon-base);margin-bottom:.5rem;transition:color .3s ease;width:100%;text-align:center;line-height:1;display:block}.skill-card:hover .skill-icon{color:rgb(var(--skill-glow));transform:scale(1.1)}.skill-card__title{font-size:.85rem;font-weight:500;color:var(--text-main);margin:0;text-align:center;line-height:1.2;word-wrap:break-word}@media(max-width:640px){.skill-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.skill-icon{font-size:2rem}}@media(max-width:400px){.skill-grid{grid-template-columns:repeat(2,1fr)}}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));column-gap:1rem;row-gap:3.5rem;margin-top:1.5rem}.project-card{display:flex;flex-direction:column;height:100%;padding:1.2rem;background-color:var(--bg-dark);border:1px solid rgba(var(--project-border),.5);border-radius:1rem;text-decoration:none;color:var(--text-sub);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 4px 14px rgba(var(--project-border),.15);overflow:hidden}.project-card:hover{transform:translateY(-6px);border-color:rgb(var(--project-glow));box-shadow:0 1px 20px rgba(var(--project-glow),.8);background-color:var(--bg-card-hover);z-index:10;position:relative}.project-image{width:100%;height:180px;object-fit:cover;border-radius:.75rem;margin-bottom:.8rem;border:2px solid rgba(255,255,255,5%)}.project-title{font-size:1.25rem;font-weight:600;margin-bottom:.4rem;color:var(--text-main);letter-spacing:.5px}.project-meta{font-size:.85rem;color:var(--text-muted);margin-bottom:.8rem}.project-summary{font-size:1rem;color:var(--text-dim);line-height:1.5;flex-grow:1}