@font-face{font-family:'Fugaz One';src:url('assets/fugaz-one.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Rubik;src:url('assets/rubik-regular.ttf') format('truetype');font-weight:400;font-display:swap}
*{box-sizing:border-box}
html{background:#0f0f0f}
body{margin:0;color:#050505;font-family:Rubik,Arial,sans-serif}
.page{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:calc(100vh + 160px);padding:168px 32px 110px}
.page::before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/fondo.png') no-repeat 48% 49%/cover;opacity:.57}
.linktree{width:100%;max-width:600px}
.profile{padding:32px;margin:0 0 24px;text-align:center;border-radius:8px;background:#fff}
.portrait{display:block;width:158px;height:158px;margin:-120px auto 0;border-radius:50%;object-fit:cover}
h1{font:400 70px/1 'Fugaz One',Arial,sans-serif;text-transform:uppercase;margin:0 0 25px}
.profile p{font-size:20px;line-height:22px;margin:0 0 25px}
.profile .role{font-size:24px}
.links{display:grid;gap:20px}
.links a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:57px;padding:16px 32px;background:#fff;border-radius:999px;color:#050505;text-align:center;text-decoration:none;font:400 24px/22px 'Fugaz One',Arial,sans-serif;text-transform:uppercase;transition:background .18s,color .18s}
.links a:hover{background:#000;color:#fff}
.links svg{width:25px;height:25px;flex:none;fill:currentColor}
.socials{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}
.socials a{display:flex;align-items:center;justify-content:center;width:84px;height:54px;border-radius:999px;background:#0b0b0b;color:#fff;transition:background .18s}
.socials a:hover{background:#284bad}
.socials svg{width:36px;height:36px;fill:currentColor}
a:focus-visible{outline:3px solid #73dfff;outline-offset:5px}
@media(max-width:960px){.page{min-height:calc(100vh + 128px);padding:152px 24px 94px}h1{font-size:50px}.profile .role{font-size:20px}}
@media(max-width:600px){.page{min-height:100svh;padding:144px 36px 80px;align-items:flex-start}.profile{padding:16px}.portrait{margin-top:-120px}h1{font-size:32px}.profile p,.profile .role{font-size:18px;line-height:1.4}.links a{padding:16px;font-size:21px;line-height:1.25}.socials{justify-content:center;gap:10px}.socials a{width:calc((100% - 30px)/4);max-width:84px;min-width:44px}.socials svg{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}