*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(at top,#0a0a0a,#000);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:100%;line-height:1.6;display:flex}.container{text-align:center;-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:1.25rem;width:90%;max-width:38rem;margin:2rem auto;padding:3rem 2rem;box-shadow:0 25px 50px -12px #00000080}.pfp-wrapper{justify-content:center;margin-bottom:2.5rem;display:flex}.pfp{object-fit:cover;border:2px solid #fff3;border-radius:50%;width:clamp(8rem,25vw,9.375rem);height:clamp(8rem,25vw,9.375rem);transition:border-color .3s,transform .3s;box-shadow:0 0 20px #ffffff0d}.pfp:hover{border-color:#fff9;transform:scale(1.02)}section{margin-bottom:3rem}h1{letter-spacing:-.02em;background:linear-gradient(#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:clamp(2rem,8vw,2.8rem);font-weight:700}h2{letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;margin-bottom:1.5rem;font-size:1.1rem;font-weight:500}p{color:#ffffffb3;max-width:32rem;margin:0 auto;font-size:1.1rem;line-height:1.75}.skill-tags{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.5rem;display:flex}.skill-tags span{color:#ffffffd9;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1.25rem;padding:.45rem 1.1rem;font-size:.9rem;font-weight:400;transition:all .2s}.skill-tags span:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.link-list{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.link-list a{color:#ffffffe6;letter-spacing:.03em;-webkit-backdrop-filter:blur(4px);background:#ffffff05;border:1px solid #ffffff26;border-radius:.5rem;padding:.7rem 2rem;font-size:1rem;font-weight:450;text-decoration:none;transition:all .2s}.link-list a:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px);box-shadow:0 5px 15px #ffffff0d}@media (width<=360px){h1{font-size:1.8rem}.pfp{width:clamp(7rem,30vw,8rem);height:clamp(7rem,30vw,8rem)}.container{padding:2rem 1.25rem}}.icon-link{align-items:center;gap:.5rem;display:inline-flex}.icon-link svg{flex-shrink:0}