.skills-page{padding:40px 20px;max-width:1200px;margin:0 auto}.skills-content{margin-top:30px;line-height:1.8;display:flex;flex-direction:column;gap:30px}.skills-page h1{color:#2c3e50;border-bottom:3px solid #3498db;padding-bottom:10px}.skill-chapter{background-color:#f8f9fa;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.skill-chapter h2{color:#3498db;font-size:1.4rem;margin-bottom:15px;border-bottom:2px solid #3498db;padding-bottom:8px}.skill-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,200px));grid-gap:15px;gap:15px;justify-content:start}.skill-item{aspect-ratio:2/1;display:flex;align-items:center;justify-content:center;background-color:white;border:2px solid #e0e0e0;border-radius:8px;padding:15px;transition:all .3s ease;text-decoration:none;position:relative}.skill-item:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#2c3e50;color:white;padding:8px 12px;border-radius:4px;font-size:.9rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;margin-bottom:8px}.skill-item:hover{border-color:#3498db;box-shadow:0 4px 8px rgba(52,152,219,.2);transform:translateY(-2px)}.skill-item:hover:after{opacity:1}.skill-logo{object-fit:contain}.skill-name{font-size:.9rem;font-weight:500}@media (max-width:768px){.skills-page{padding:20px 15px}.skill-chapter{padding:15px}.skill-list{grid-template-columns:repeat(auto-fill,minmax(120px,120px));gap:12px}.skill-item{padding:12px}.skill-logo{width:80px;height:80px}}@media (max-width:480px){.skills-page h1{font-size:1.8rem}.skill-chapter h2{font-size:1.2rem}.skill-list{grid-template-columns:repeat(auto-fill,minmax(100px,100px));gap:10px}.skill-item{padding:10px}.skill-logo{width:70px;height:70px}.skill-name{font-size:.8rem}}