.skills-section{background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh;padding:50px 20px;position:relative}.skills-content{margin:0 auto;max-width:1200px}.skills-container,.skills-content{display:flex;flex:1 1;flex-direction:column;width:100%}.skills-header-container{margin-bottom:28px;text-align:center}.skills-title{color:var(--yelow-color);display:inline-block;font-size:2.4rem;font-weight:700;margin-bottom:12px;position:relative}.skills-title:after{background:linear-gradient(to right,var(--yelow-color),var(--primary-color));border-radius:3px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:84px}.skills-subtitle{font-size:1.05rem;margin:0 auto;max-width:600px;opacity:.85}.skills-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:22px 0 36px}.category-chips{display:flex;flex-wrap:wrap;gap:10px}.chip{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;color:#ffffffd9;cursor:pointer;font-size:.9rem;padding:8px 14px;transition:all .2s ease}.chip:hover{background:#ffffff14;border-color:#fff3}.chip.active{background:linear-gradient(135deg,var(--primary-color),var(--yelow-color));border-color:#0000;color:#0b0b0b}.skills-search{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:8px;min-width:240px;padding:8px 12px}.skills-search i{color:var(--yelow-color);font-size:1.1rem}.skills-search input{background:#0000;border:none;color:var(--text-color);outline:none;width:220px}.error-container{margin:0 auto;max-width:500px;padding:60px 20px;text-align:center}.error-icon{color:#e74c3c;font-size:4rem;margin-bottom:20px;opacity:.8}.error-title{color:var(--yelow-color);font-size:1.8rem;font-weight:600;margin-bottom:15px}.error-message{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:30px}.retry-button{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--yelow-color));border:none;border-radius:8px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.retry-button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.retry-button:active{transform:translateY(0)}.empty-state{margin:0 auto;max-width:500px;padding:80px 20px;text-align:center}.empty-icon{color:var(--yelow-color);font-size:4rem;margin-bottom:20px;opacity:.6}.empty-title{color:var(--yelow-color);font-size:1.8rem;font-weight:600;margin-bottom:15px}.empty-message{color:var(--text-secondary);font-size:1rem;line-height:1.6}.skills-categories{display:flex;flex-direction:column;gap:60px}.skill-category{background-color:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;box-shadow:0 4px 20px #0000002e;padding:28px;transition:all .25s ease}.skill-category:hover{background-color:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.skills-section .category-title{color:var(--yelow-color);display:inline-block;font-size:1.8rem;margin-bottom:1.5rem;padding-left:1rem;position:relative}.skills-section .category-title:after{background:var(--accent-color);border-radius:2px;content:"";height:25px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.skills-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.skill-card{background-color:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 3px 6px #00000014;display:flex;gap:14px;min-height:88px;overflow:hidden;padding:16px;position:relative;transition:all .25s ease}.skill-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.skill-card:hover:before{left:100%}.skill-card:hover{background-color:#ffffff14;border-color:var(--yelow-color);box-shadow:0 8px 20px #0003;transform:translateY(-3px)}.skill-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--yelow-color));border-radius:12px;box-shadow:0 4px 12px #0003;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .25s ease;width:48px}.skill-icon i{color:#fff;font-size:1.6rem}.skill-card:hover .skill-icon{transform:scale(1.06)}.skill-content{flex:1 1;min-width:0}.skill-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.skill-name{color:#fff;font-size:1.05rem;font-weight:700;margin:0}.skill-tools-tags{display:flex;flex-wrap:wrap;gap:6px}.tool-tag{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;color:#ffffffe6;font-size:.78rem;padding:4px 8px}.skill-tools{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.85rem;line-height:1.4;margin:0;opacity:.85;overflow:hidden}@media (max-width:1024px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:768px){.skills-section{padding:40px 15px}.skills-toolbar{align-items:stretch;flex-direction:column}.skills-search,.skills-search input{width:100%}.skills-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.skills-title{font-size:2rem}.skills-section .category-title{font-size:1.4rem;margin-bottom:18px;padding-left:.75rem}.skill-category{padding:20px}}@media (max-width:576px){.skills-section{padding:32px 12px}.skills-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.skill-card{gap:12px;min-height:84px;padding:14px}.skill-icon{height:44px;width:44px}.skill-icon i{font-size:1.4rem}.skill-name{font-size:1rem}}@media (hover:none) and (pointer:coarse){.skill-card:hover,.skill-category:hover{transform:none}}.section-separator{align-items:center;display:flex;justify-content:center;margin:60px 0;position:relative;width:100%;z-index:10}.separator-line{background:linear-gradient(90deg,#0000,var(--yelow-color),#0000);flex:1 1;height:1px;max-width:200px}.separator-icon{align-items:center;color:var(--yelow-color);display:flex;font-size:1.5rem;justify-content:center;margin:0 20px}@media (max-width:768px){.section-separator{margin:40px 0}.separator-line{max-width:100px}.separator-icon{font-size:1.2rem;margin:0 15px}}@media (max-width:576px){.section-separator{margin:30px 0}.separator-line{max-width:80px}.separator-icon{font-size:1rem;margin:0 10px}}