html{scroll-behavior:smooth;scroll-padding-top:76px}
body{overflow-x:hidden}
::selection{background:#3b82f6;color:#fff}
.section-label{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#64748b}
.tech-pill{border:1px solid rgba(255,255,255,.08);border-radius:9999px;background:rgba(255,255,255,.025);padding:.55rem .85rem;font-size:.75rem;color:#94a3b8}
.skill-card{border:1px solid rgba(255,255,255,.07);border-radius:1rem;background:rgba(255,255,255,.025);padding:1.5rem;transition:.3s}
.skill-card:hover{border-color:rgba(96,165,250,.2);background:rgba(59,130,246,.035);transform:translateY(-3px)}
.skill-card h3{margin-top:2.25rem;font-size:1.05rem;font-weight:700;color:#fff}
.skill-card p{margin-top:.45rem;font-size:.8rem;line-height:1.5;color:#64748b}
.skill-number{font-size:.65rem;font-weight:700;letter-spacing:.15em;color:#3b82f6}
.project-placeholder{border:1px solid rgba(255,255,255,.07);border-radius:1.25rem;background:rgba(255,255,255,.018);padding:1rem;transition:.3s}
.project-placeholder:hover{border-color:rgba(96,165,250,.2);transform:translateY(-3px)}
.project-link{font-size:.75rem;font-weight:600;color:#94a3b8}
.project-link:hover{color:#fff}
::-webkit-scrollbar{width:7px}
::-webkit-scrollbar-track{background:#070a12}
::-webkit-scrollbar-thumb{background:#273244;border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:#3b82f6}