:root{color-scheme:dark;--bg:#050b19;--text:#eaf2ff;--muted:#a0b1ca;--subtle:#7087a9;--accent:#3983ff;--accent-soft:#b1d4ff;--surface:#0b162a;--surface-hover:#102445;--line:#20334f;--glass:#091222dd;--glow:#1c66ff;--photo-a:#153f86;--photo-b:#08172e;--button:#1d5be0;--shadow:#00000033;--progress:0;--parallax:0px}
:root[data-theme=light]{color-scheme:light;--bg:#eef5ff;--text:#0c2450;--muted:#536d92;--subtle:#536d92;--accent:#1557df;--accent-soft:#124ab9;--surface:#ffffff;--surface-hover:#f8fbff;--line:#c9daf3;--glass:#f3f8ffde;--glow:#5799ff;--photo-a:#9dc5ff;--photo-b:#d9e9ff;--button:#195dea;--shadow:#123b7514}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Manrope',sans-serif;line-height:1.65;overflow-x:clip;transition:background-color .3s,color .3s}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}button[hidden],img[hidden]{display:none!important}h1,h2,p{margin:0}::selection{background:#3b84ff;color:#fff}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:var(--surface);padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.ambient-light{position:absolute;top:-220px;left:50%;width:1050px;height:1000px;transform:translate(-50%,var(--parallax));background:radial-gradient(ellipse at 55% 38%,color-mix(in srgb,var(--glow) 20%,transparent),transparent 60%)}.ambient-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:90px 90px;mask-image:radial-gradient(ellipse at 50% 18%,#000,transparent 62%)}.scroll-progress{position:fixed;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,#2167ff,#70bfff);transform:scaleX(var(--progress));transform-origin:left;z-index:50}
.site-header{position:sticky;top:0;max-width:1040px;margin:auto;height:92px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;z-index:30;transition:height .25s,background .25s,box-shadow .25s;border-bottom:1px solid transparent}.site-header.is-scrolled{height:72px;background:var(--glass);backdrop-filter:blur(22px);border-bottom-color:var(--line);border-radius:0 0 22px 22px}.wordmark{font:700 30px/1 'Space Grotesk',sans-serif;letter-spacing:-2px;display:inline-block}.wordmark span{color:var(--accent)}.theme-toggle{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:9px 14px;font-size:12px;transition:background .2s,transform .2s}.theme-toggle:hover{background:var(--surface-hover)}.theme-glyph{font-size:22px;line-height:1}.mini-profile{position:absolute;left:50%;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;opacity:0;transform:translate(-50%,8px);transition:opacity .2s,transform .2s;pointer-events:none}.is-scrolled .mini-profile{opacity:1;transform:translate(-50%,0)}.mini-avatar{width:31px;height:31px;border-radius:50%;background:linear-gradient(140deg,var(--photo-a),var(--photo-b));display:grid;place-items:center;font-size:10px;overflow:hidden}.mini-avatar .user-photo{width:100%;height:100%;object-fit:cover}.mini-avatar.has-photo>span{display:none}
main{max-width:600px;margin:auto;padding:0 24px}.hero{padding:32px 0 0;text-align:center;position:relative}.eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2.3px;color:var(--subtle)}.portrait-stage{width:320px;max-width:100%;height:240px;margin:18px auto 5px;position:relative;display:grid;place-items:center;perspective:900px}.portrait-halo{position:absolute;width:230px;height:230px;background:radial-gradient(circle,var(--glow),transparent 66%);opacity:.25;transform:translateY(var(--parallax)) scale(1.25);filter:blur(12px)}.portrait-tilt{width:176px;height:202px;position:relative;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .18s ease-out;transform-style:preserve-3d}.portrait{width:176px;height:176px;border-radius:50%;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 30% 20%,var(--photo-a),var(--photo-b) 75%);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--bg));box-shadow:inset 0 0 0 7px color-mix(in srgb,var(--text) 4%,transparent),0 0 0 7px color-mix(in srgb,var(--accent) 7%,transparent),0 10px 30px var(--shadow)}.portrait-initials{font:600 58px/1 'Space Grotesk',sans-serif;letter-spacing:-6px;color:var(--accent-soft);padding-right:6px}.portrait-initials>span{color:var(--accent)}.portrait-caption{display:block;font-size:8px;font-weight:500;letter-spacing:3px;color:var(--accent-soft);text-align:center;padding-top:13px}.portrait .user-photo{width:100%;height:100%;object-fit:cover;object-position:center 35%;position:absolute;inset:0}.portrait.has-photo .portrait-initials{display:none}.portrait-reflection{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--portrait-x,30%) var(--portrait-y,20%),#cdeaff3a,transparent 55%);pointer-events:none;mix-blend-mode:screen}
h1{font:600 clamp(3.8rem,8vw,5.5rem)/.98 'Space Grotesk',sans-serif;letter-spacing:-5px}.name-sheen{background:linear-gradient(115deg,var(--text) 5%,var(--accent-soft) 43%,var(--accent) 66%,var(--accent-soft) 88%);background-size:190% 100%;background-position:var(--name-light,40%) 50%;background-clip:text;-webkit-background-clip:text;color:transparent;transition:background-position .3s ease}.hero-description{font-size:15px;line-height:1.8;color:var(--muted);margin-top:23px}.primary-button{border:1px solid #85b8ff5c;border-radius:15px;background:linear-gradient(115deg,var(--button),#1558d6);color:#fff;min-height:60px;padding:15px 25px;display:inline-flex;gap:11px;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:hidden;box-shadow:0 8px 25px #0652db22,inset 0 1px 0 #cbe9ff30;font-size:14px;font-weight:700;transition:box-shadow .2s,transform .18s}.hero>.primary-button{margin-top:27px;min-width:260px}.primary-button:hover{box-shadow:0 8px 35px #1263ff55,inset 0 1px 0 #d4f1ff40}.primary-button:active{transform:scale(.98)!important}.button-shine{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at var(--mx,50%) var(--my,50%),#ffffff10,transparent 65%);opacity:0;transition:opacity .2s}.primary-button:hover .button-shine{opacity:1}.message-icon{font-size:24px;line-height:1}
.link-section{padding-top:66px}.section-heading{margin-bottom:26px}.section-heading h2{font:500 36px/1.16 'Space Grotesk',sans-serif;letter-spacing:-1.8px;margin-top:12px}.links-stack{display:grid;gap:13px}.destination{width:100%;display:flex;align-items:center;gap:18px;min-height:116px;border:1px solid var(--line);border-radius:21px;padding:22px;background:var(--surface);text-align:left;position:relative;isolation:isolate;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s,background .3s}.destination::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--accent) 17%,transparent),transparent 75%);opacity:0;transition:opacity .2s}.destination:hover,.destination:focus-visible{border-color:color-mix(in srgb,var(--accent) 75%,var(--line));box-shadow:0 12px 28px var(--shadow);transform:translateY(-3px)}.destination:hover::before,.destination:focus-visible::before{opacity:1}.destination:active{transform:scale(.985)}.destination-symbol{height:46px;width:46px;flex-shrink:0;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));color:var(--accent);font-size:29px;font-weight:400;transition:transform .25s}.destination:hover .destination-symbol{transform:rotate(-6deg)}.destination-copy{display:flex;flex-direction:column;gap:4px}.destination-copy strong{font-size:15px;font-weight:600}.destination-copy>span{font-size:12px;color:var(--muted);line-height:1.6}.destination-index{margin-left:auto;align-self:flex-start;font-family:'Space Grotesk',sans-serif;font-size:10px;color:var(--subtle)}
.about-section{position:relative;margin-top:106px;padding:0 18px 0 26px}.about-rule{position:absolute;left:0;top:7px;bottom:0;width:1px;background:linear-gradient(var(--accent),transparent)}.about-section h2{font:500 52px/1.07 'Space Grotesk',sans-serif;letter-spacing:-2.2px;margin:20px 0}.about-section h2>span{color:var(--accent)}.about-section>p{font-size:16px;color:var(--muted);line-height:1.9;max-width:445px}.signature{font:500 14px 'Space Grotesk',sans-serif;display:block;margin-top:25px;letter-spacing:.2px}.site-footer{max-width:560px;margin:0 auto;padding:33px 20px 140px;text-align:center;border-top:1px solid var(--line)}.site-footer .wordmark{font-size:25px}.site-footer>p{font-size:12px;margin-top:15px;color:var(--muted)}.site-footer>span{font-size:10px;color:var(--subtle)}

@media(min-width:1000px){.site-header{padding:0 40px}.hero{padding-top:48px}.portrait-stage{margin-top:26px}.hero::before,.hero::after{position:absolute;top:350px;font:400 10px 'Space Grotesk',sans-serif;color:var(--subtle);letter-spacing:3px;writing-mode:vertical-rl;opacity:.7}.hero::before{content:'WAGNER PORFIRIO';left:-180px;transform:rotate(180deg)}.hero::after{content:'MEU UNIVERSO DIGITAL';right:-180px}}
@media(max-width:600px){html{scroll-padding-top:85px}.site-header{height:78px;padding:0 24px}.site-header.is-scrolled{height:66px;border-radius:0}.mini-profile{font-size:11px;gap:7px}.mini-avatar{width:27px;height:27px}.theme-toggle{padding:8px 11px}.theme-label{display:none}.theme-glyph{font-size:23px}.hero{padding-top:24px}.portrait-stage{margin-top:11px;margin-bottom:0;height:226px;width:290px}h1{font-size:64px;letter-spacing:-4px}.hero-description{font-size:14px;margin-top:20px}.hero>.primary-button{min-width:235px;margin-top:24px}.section-heading h2{font-size:32px}.link-section{padding-top:47px}.destination{padding:18px 15px;gap:13px;border-radius:18px;min-height:109px}.destination-symbol{width:39px;height:43px;font-size:25px}.destination-copy strong{font-size:14px}.destination-copy>span{font-size:12px;max-width:210px}.destination-index{font-size:9px}.about-section{margin-top:81px;padding-left:23px;padding-right:0}.about-section h2{font-size:45px}.about-section>p{font-size:15px}.site-footer{margin:0 24px}}
@media(max-width:360px){main{padding:0 19px}h1{font-size:57px}.destination{gap:10px;padding:17px 13px}.destination-copy strong{font-size:13px}.destination-index{display:none}.mini-profile>span{font-size:10px}.portrait-stage{width:274px}}
.reveal{transition:opacity .6s ease,transform .6s cubic-bezier(.2,.75,.3,1)}.reveal.is-pending{opacity:0;transform:translateY(20px)}.destination.reveal{transition:opacity .45s ease,transform .25s,border-color .2s,box-shadow .2s,background .3s}
@media(hover:none){.destination:active{background:var(--surface-hover);border-color:var(--accent)}.destination:hover{transform:none}.destination:hover .destination-symbol{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.portrait-tilt,.destination,.primary-button,.ambient-light,.portrait-halo{transform:none!important}.reveal.is-pending{opacity:1;transform:none}}

.portrait-tilt{height:202px}

@media(min-width:1000px){.hero{padding-top:20px}.portrait-stage{height:220px;margin-top:12px}h1{font-size:80px}}
.portrait .user-photo.is-original,.mini-avatar .user-photo.is-original{object-position:50% 0%;transform:scale(1.6);transform-origin:50% 12%}
.portrait.has-photo .portrait-reflection{opacity:.45;mask-image:radial-gradient(circle,transparent 42%,#000 85%)}
.contact-section{text-align:center;margin:44px 0;padding:12px 0}.contact-email{display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;max-width:100%;margin:0 auto;color:var(--accent-soft);font-size:clamp(16px,4.4vw,18px);font-weight:500;line-height:1.7;padding:8px 0;transition:color .2s}.contact-email svg{flex-shrink:0}.contact-email span{overflow-wrap:anywhere;min-width:0}.contact-email:hover{color:var(--text);text-decoration:underline;text-underline-offset:5px}
/* Full-width social cards, designed for touch and small screens. */
.section-heading #links-title{font-size:clamp(24px,8vw,36px);letter-spacing:-.045em;white-space:nowrap}
.social-profiles{display:grid;grid-template-columns:minmax(0,1fr);gap:15px;padding-bottom:40px;border-bottom:1px solid var(--line)}
.destination.destination-featured{
  --featured-background:radial-gradient(ellipse at 100% 0%,#5cafff45,transparent 65%),linear-gradient(115deg,#1644b5,#205edb);
  --social-border:#8dc5ff73;--social-focus:#b8e0ff;--social-shadow:#0652d922;--social-glow:#1263ff38;
  min-height:146px;min-width:0;padding:25px;gap:21px;border-radius:24px;
  flex-direction:row;justify-content:flex-start;text-align:left;
  color:#fff;background:var(--featured-background);border-color:var(--social-border);
  box-shadow:0 12px 32px var(--social-shadow),inset 0 1px 0 #ffffff33;
}
.destination.destination-instagram{
  --featured-background:radial-gradient(ellipse at 100% 100%,#ffcc6940,transparent 50%),linear-gradient(115deg,#6528ba,#ad267d 48%,#c53b56 76%,#de742b);
  --social-border:#ffabce80;--social-focus:#ffd0e3;--social-shadow:#d83d7922;--social-glow:#e13b8740;
}
.destination.destination-whatsapp{
  --featured-background:radial-gradient(ellipse at 100% 0%,#25d36635,transparent 50%),linear-gradient(115deg,#075e54,#0b7a43 70%,#1da958);
  --social-border:#83edaf73;--social-focus:#acffcf;--social-shadow:#128c3e22;--social-glow:#25d36633;
}
.destination.destination-linkedin{
  --featured-background:radial-gradient(ellipse at 100% 0%,#60bfff26,transparent 55%),linear-gradient(115deg,#004574,#0a66c2 70%,#1b87d8);
  --social-border:#82c6ff80;--social-focus:#b8e0ff;--social-shadow:#0a66c222;--social-glow:#0a66c240;
}
.destination-featured::before{background:radial-gradient(290px circle at var(--mx,50%) var(--my,50%),#ffffff12,transparent 75%)}
.destination-featured .destination-symbol{
  width:70px;height:70px;border-radius:21px;color:#fff;
  background:linear-gradient(145deg,#ffffff24,#ffffff0a);
  border:1px solid #ffffff52;box-shadow:0 6px 20px #0000001a,inset 0 1px 0 #ffffff26;
  transition:transform .25s,box-shadow .25s;
}
.destination-featured .destination-symbol svg{width:43px;height:43px}
.destination-featured .destination-copy{gap:7px;min-width:0;align-items:flex-start;flex:1}
.destination-featured .destination-copy strong{font:600 28px/1.15 'Space Grotesk',sans-serif;letter-spacing:-.8px}
.destination-featured .destination-copy>span{font-size:13px;color:#fff;max-width:100%;overflow-wrap:anywhere}
.destination-arrow{width:34px;height:34px;flex-shrink:0;margin-left:auto;display:grid;place-items:center;color:#fff;border:1px solid #ffffff38;border-radius:50%;background:#ffffff0a;transition:transform .25s,background .25s}
.destination-arrow svg{width:19px;height:19px}
.destination.destination-featured:hover,.destination.destination-featured:focus-visible{border-color:var(--social-focus);box-shadow:0 16px 40px var(--social-glow),inset 0 1px 0 #ffffff55}
.destination.destination-featured:focus-visible{outline-color:var(--social-focus)}
.destination-featured:hover .destination-symbol,.destination-featured:focus-visible .destination-symbol{transform:rotate(-5deg);box-shadow:0 8px 25px #00000026,inset 0 1px 0 #ffffff33}
.destination-featured:hover .destination-arrow,.destination-featured:focus-visible .destination-arrow{transform:translate(2px,-2px);background:#ffffff22}
.destination.destination-featured:active{background:var(--featured-background)}
.link-section+.about-section{margin-top:64px}
@media(max-width:600px){
  .social-profiles{gap:14px;padding-bottom:34px}
  .destination.destination-featured{min-height:132px;padding:20px;gap:16px;border-radius:22px}
  .destination-featured .destination-symbol{width:60px;height:60px;border-radius:18px}
  .destination-featured .destination-symbol svg{width:38px;height:38px}
  .destination-featured .destination-copy strong{font-size:25px}
  .destination-featured .destination-copy>span{font-size:12px}
  .destination-arrow{width:29px;height:29px}
  .destination-arrow svg{width:17px;height:17px}
  .link-section+.about-section{margin-top:52px}
}
@media(max-width:380px){
  .destination.destination-featured{min-height:126px;padding:16px;gap:13px;border-radius:20px}
  .destination-featured .destination-symbol{width:54px;height:54px;border-radius:17px}
  .destination-featured .destination-symbol svg{width:35px;height:35px}
  .destination-featured .destination-copy strong{font-size:23px;letter-spacing:-.5px}
  .destination-arrow{width:24px;height:24px}
  .destination-arrow svg{width:15px;height:15px}
}
@media(hover:none){.destination-featured:hover .destination-symbol{transform:none}}
@media(prefers-reduced-motion:reduce){.destination-featured .destination-arrow,.destination-featured .destination-symbol{transform:none!important}}