section.svelte-1g4s34r{padding:4rem 1rem;max-width:1100px;margin:0 auto}h1.svelte-1g4s34r{font-size:2.5rem;margin-bottom:1rem;text-align:center;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-theme-1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro.svelte-1g4s34r{text-align:center;color:var(--color-text-light);margin-bottom:4rem;font-size:1.1rem}.skills-container.svelte-1g4s34r{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem}.skill-category.svelte-1g4s34r{background:linear-gradient(135deg,#0088bb0a,#99663303);padding:2rem;border-radius:1rem;border:1px solid rgba(0,136,187,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;animation:svelte-1g4s34r-slideInUp .6s ease-out both}.skill-category.svelte-1g4s34r:hover{border-color:#0088bb26;box-shadow:0 15px 40px #0088bb14;transform:translateY(-5px);background:linear-gradient(135deg,#00d4ff1a,#ff3e000d)}.skill-category.svelte-1g4s34r h2:where(.svelte-1g4s34r){font-size:1.3rem;margin-bottom:1.5rem;color:var(--color-accent);position:relative;padding-bottom:.75rem}.skill-category.svelte-1g4s34r h2:where(.svelte-1g4s34r):after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,var(--color-accent),transparent)}.skills-list.svelte-1g4s34r{display:flex;flex-direction:column;gap:1.5rem}.skill-item.svelte-1g4s34r{animation:fadeInUp .6s ease-out both;transition:all .3s ease}.skill-item.svelte-1g4s34r:hover{transform:translate(5px)}.skill-name.svelte-1g4s34r{display:block;font-weight:600;color:var(--color-text);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.skill-bar.svelte-1g4s34r{width:100%;height:6px;background:#0088bb1a;border-radius:3px;overflow:hidden;border:1px solid rgba(0,212,255,.2);position:relative}.skill-progress.svelte-1g4s34r{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-theme-1));border-radius:3px;width:0;animation:svelte-1g4s34r-fillBar 1.5s ease-out forwards}.skill-item.svelte-1g4s34r:nth-child(1) .skill-progress:where(.svelte-1g4s34r){animation-delay:.2s;width:95%}.skill-item.svelte-1g4s34r:nth-child(2) .skill-progress:where(.svelte-1g4s34r){animation-delay:.3s;width:90%}.skill-item.svelte-1g4s34r:nth-child(3) .skill-progress:where(.svelte-1g4s34r){animation-delay:.4s;width:85%}.skill-item.svelte-1g4s34r:nth-child(4) .skill-progress:where(.svelte-1g4s34r){animation-delay:.5s;width:88%}.skill-item.svelte-1g4s34r:nth-child(5) .skill-progress:where(.svelte-1g4s34r){animation-delay:.6s;width:92%}.skill-item.svelte-1g4s34r:nth-child(6) .skill-progress:where(.svelte-1g4s34r){animation-delay:.7s;width:87%}@keyframes svelte-1g4s34r-fillBar{0%{width:0}}@keyframes svelte-1g4s34r-slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.skills-container.svelte-1g4s34r{grid-template-columns:1fr;gap:1.5rem}}