:root{--primary: #a78bfa;--primary-dark: #7c3aed;--primary-light: #c4b5fd;--secondary: #38bdf8;--accent: #fb923c;--green: #34d399;--bg: #0d0d1a;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .08);--text: #f1f5f9;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1);--gradient: linear-gradient(135deg, #a78bfa, #38bdf8);--shadow: 0 8px 32px rgba(167, 139, 250, .2);--radius: 20px}.skills-section{background:linear-gradient(180deg,transparent 0%,rgba(var(--primary),.03) 50%,transparent 100%)}.skills-wrapper{opacity:0;transform:translateY(30px);transition:opacity .7s ease 0s,transform .7s ease 0s}.skills-wrapper.visible{opacity:1;transform:translateY(0)}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px}.skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:.3s cubic-bezier(.4,0,.2,1)}.skill-card:hover{background:var(--bg-card-hover);border-color:#6366f14d;transform:translateY(-4px);box-shadow:var(--shadow)}.skill-card{padding:28px}.skill-card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.skill-icon{font-size:1.5rem}.skill-card-title{font-size:1.05rem;font-weight:700;color:var(--text)}.skill-list{display:flex;flex-direction:column;gap:16px}.skill-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.skill-name{font-size:.88rem;font-weight:500;color:var(--text)}.skill-pct{font-size:.8rem;font-weight:700;color:var(--primary-light);font-family:Fira Code,monospace}.skill-bar-bg{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.skill-bar-fill{height:100%;width:0%;background:var(--gradient);border-radius:3px;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.skill-bar-fill:after{content:"";position:absolute;top:0;right:0;width:6px;height:100%;background:#fff6;border-radius:3px}.skill-bar-fill:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:barGleam 2.5s ease-in-out infinite 1.2s}@keyframes barGleam{0%{left:-60%}to{left:160%}}.tech-cloud{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.tech-cloud-title{font-size:1.1rem;font-weight:700;color:var(--text);text-align:center;margin-bottom:24px}.tech-icons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.tech-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;cursor:default;transition:.3s cubic-bezier(.4,0,.2,1)}.tech-badge:hover{border-color:var(--tech-color);transform:translateY(-3px);box-shadow:0 4px 20px #0003,0 0 12px color-mix(in srgb,var(--tech-color) 25%,transparent);background:#ffffff0f}.tech-badge:hover .tech-name{color:var(--text)}.tech-symbol{font-size:.95rem;color:var(--tech-color);font-weight:700;font-family:Fira Code,monospace;min-width:20px;text-align:center}.tech-name{font-size:.82rem;font-weight:600;color:var(--text-muted);transition:.3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr}}
