:root{color-scheme:dark;--bg:#090909;--fg:#f5f5f5;--muted:#a5a5a5;--line:#303030;--red:#ed2431;font-family:'Manrope',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--bg);color:var(--fg);display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:5px}header{width:min(1100px,calc(100% - 64px));margin:0 auto;padding:28px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}header>span{font:8px ui-monospace,monospace;letter-spacing:.08em;align-self:center}header>a:hover{color:var(--fg)}main{width:min(450px,calc(100% - 40px));margin:auto;padding:27px 0 40px;animation:arrive .7s cubic-bezier(.2,.8,.2,1)}.links-identity{text-align:center}.links-identity img{display:block;margin:0 auto 14px;width:86px;height:86px}.identity-handle{font:9px ui-monospace,monospace;letter-spacing:.04em;color:var(--red)}h1{font-size:30px;line-height:1.3;letter-spacing:-.035em;font-weight:550;margin:11px 0 7px}.links-identity p{font-size:12px;color:var(--muted);margin:0}.links-intro{text-align:center;font-size:12px;line-height:1.9;color:var(--muted);margin:24px 0 27px}.contact-list{display:flex;flex-direction:column;gap:11px}.contact-row{display:flex;align-items:center;gap:16px;min-height:78px;padding:17px 20px;border:1px solid var(--line);border-radius:8px;background:#111;transition:transform .25s,border-color .25s,background .25s}.contact-service-icon{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:7px;background:#1d1d1d}.contact-service-icon svg{width:21px;height:21px}.contact-row-text{flex:1;min-width:0}.contact-row-text b{font-size:13px;font-weight:550;display:block}.contact-row-text small{display:block;font-size:10px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.contact-row-arrow{font-size:23px;color:var(--muted);transition:color .25s,transform .25s}.contact-row:hover{border-color:#a3252d;background:#171011;transform:translateY(-2px)}.contact-row:hover .contact-row-arrow{color:var(--red);transform:translate(2px,-2px)}.links-copy{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}#copy-contact-email{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:var(--muted);font-size:10px;padding:6px 0}#copy-contact-email svg{width:14px;height:14px}#copy-contact-email:hover{color:var(--fg)}#contact-copy-status{font-size:10px;color:var(--red)}footer{width:min(450px,calc(100% - 40px));margin:0 auto;padding:15px 0 25px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:var(--muted)}footer>span#year{margin-right:-4px}.footer-dot{width:4px;height:4px;margin-left:6px;background:var(--red);border-radius:50%}@keyframes arrive{from{opacity:.4;transform:translateY(15px)}to{opacity:1;transform:none}}@media(max-width:600px){header{width:calc(100% - 40px);padding-block:23px}header>span{font-size:7px}main{padding-top:18px}.links-identity img{width:76px;height:76px}h1{font-size:28px}.contact-row{padding:15px;min-height:75px}.contact-row-text small{font-size:9px}.links-intro{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.links-identity img{filter:drop-shadow(0 0 18px oklch(.96 0 0/.055));transition:filter .3s}
.links-identity img:hover{filter:drop-shadow(0 0 20px oklch(.64 .245 27/.14))}
@media(prefers-reduced-motion:reduce){.links-identity img{transition:none}}
/* Respiro contínuo do BP, mantendo as letras nítidas. */
.links-identity img{animation:bp-breathe 5s ease-in-out infinite;transform-origin:center}
@keyframes bp-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.025)}}
@media(prefers-reduced-motion:reduce){.links-identity img{animation:none;transform:none}}
/* Sobe o conjunto preservando o tamanho original dos cards. */
header{padding-block:12px}
main{margin:0 auto;padding:0 0 18px}
footer{margin-top:auto;padding:12px 0 16px}
@media(max-height:760px){
header{padding-block:9px}
.links-identity img{margin-bottom:8px}
h1{margin-top:8px}
.links-intro{margin:14px 0 18px}
.links-copy{margin-top:14px}
}
/* Reposiciona apenas os dois itens do cabeçalho. */
header>a,header>span{position:relative;top:14px}