:root{--bg-primary:#1e1e1e;--bg-secondary:#2d2d30;--bg-button:#3e3e42;--text-primary:#fff;--text-secondary:#cbd5e1;--border-subtle:#ffffff47;--focus-ring:#9399f0;--on-accent:#141414;--glow-accent:#9399f073;--input-focus:#ffffffb3;--input-focus-shadow:#ffffff29;--status-success:#50c878;--status-error:#ff8282;--glow-hover:#ffffff80;--glow-soft:#ffffff4d;--glow-active:#fff6;--glow-faint:#ffffff26;--border-hover:#ffffff4d;--bg-active:#ffffff40;--shadow-light:#e8e8e833;--shadow-dark:#3c3c3c;--code-field-alpha-scale:1;--font-body:"Inter", sans-serif}html.light-mode{--bg-primary:#f5f5f5;--bg-secondary:#e6e6e6;--bg-button:#d2d2d7;--text-primary:#141414;--text-secondary:#3c3c3c;--border-subtle:#1414143d;--focus-ring:#3b30b8;--on-accent:#fff;--glow-accent:#3b30b859;--input-focus:#141414b3;--input-focus-shadow:#1414141f;--status-success:#148246;--status-error:#b42323;--glow-hover:#14141429;--glow-soft:#1414141f;--glow-active:#14141424;--glow-faint:#14141414;--border-hover:#14141433;--bg-active:#1414141a;--shadow-light:#c8c8c866;--shadow-dark:#3c3c3c40;--code-field-alpha-scale:2.5}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-primary)}section[id]{scroll-margin-top:80px}body{font-family:var(--font-body);background-color:var(--bg-primary);overflow-wrap:break-word;transition:background-color .3s}h1,h2,h3{font-family:var(--font-body);letter-spacing:-.02em;text-wrap:balance;font-weight:900;line-height:1.15}h2{font-size:35px}h3{letter-spacing:-.01em;font-size:20px}p{color:var(--text-primary);font-size:18px;line-height:1.6}.text-secondary{color:var(--text-secondary)}.header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-subtle);z-index:999;align-items:center;width:100%;display:flex;position:fixed;top:0;left:0}.header__logo{color:var(--text-primary);font-family:var(--font-body);justify-content:center;align-items:center;gap:10px;padding:10px;font-size:30px;font-weight:900;text-decoration:none;display:inline-flex}.header__actions{align-items:center;gap:15px;padding-right:15px;display:flex}.header__menu-toggle{cursor:pointer;background:0 0;border:none;min-width:44px;min-height:44px;display:none}.header__menu-toggle-bar{background-color:var(--text-primary);width:25px;height:3px;margin:5px auto;transition:transform .3s,opacity .3s;display:block}.header__menu-toggle--active .header__menu-toggle-bar:nth-child(2){opacity:0}.header__menu-toggle--active .header__menu-toggle-bar:first-child{transform:translateY(8px)rotate(45deg)}.header__menu-toggle--active .header__menu-toggle-bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.nav__list{align-items:center;gap:10px;padding:22px;list-style:none;display:flex}.nav{margin-left:auto}.nav__link{--lift:-.25em;background-color:var(--bg-button);color:var(--text-primary);border-radius:15px;align-items:center;min-height:44px;padding:10px 15px;font-size:18px;text-decoration:none;transition:transform .3s,box-shadow .3s,background-color .3s;display:flex}.nav__link--active{background-color:var(--bg-active);box-shadow:0 0 .5em 0em var(--glow-active)}.theme-toggle{--lift:-.25em;background-color:var(--bg-button);cursor:pointer;border:none;border-radius:15px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px 15px;transition:transform .3s,box-shadow .3s;display:flex}.theme-toggle__label{display:none}@media (max-width:1050px) and (min-width:769px){.header__logo{font-size:20px}.nav__list{gap:6px;padding:16px 8px}.nav__link{padding-inline-start:10px;padding-inline-end:10px;font-size:18px}.header__actions{gap:8px;padding-right:10px}}@media (max-width:768px){.header__menu-toggle{z-index:10;margin-right:15px;display:block}.header__actions{gap:20px;margin-left:auto;margin-right:10px}.nav{background-color:var(--bg-primary);visibility:hidden;width:100%;height:calc(100vh - 80px);transition:right .3s,visibility .3s;position:fixed;top:80px;right:-100%}.nav__list{flex-direction:column;align-items:center;gap:30px;padding-top:50px}.nav__theme-item{border-top:1px solid var(--border-subtle);justify-content:center;width:min(280px,100% - 40px);margin-top:2px;padding-top:24px;display:flex}.theme-toggle{width:100%;color:var(--text-primary);gap:10px;font-family:inherit;font-size:18px}.theme-toggle__label{display:inline}.header__logo{padding:8px;font-size:20px}.header__actions{gap:10px;margin:0 0 0 auto;padding-right:10px}.header__menu-toggle{margin-right:0}.nav--active{visibility:visible;right:0}}.hero{background-color:var(--bg-primary);min-height:500px;color:var(--text-primary);justify-content:space-evenly;align-items:center;margin-top:75px;padding:0 10px;display:flex}.hero__content{flex-direction:column;align-items:center;gap:30px;padding:10px;display:flex}.hero__title{font-size:50px;font-weight:800}.hero__title:after{content:"";background-color:var(--focus-ring);vertical-align:-.05em;border-radius:1px;width:8px;height:1em;margin-left:.1em;animation:.8s infinite piscar;display:inline-block}.hero__title-keyword{color:var(--focus-ring)}.hero__accent{background-color:var(--focus-ring);transform-origin:50%;border-radius:999px;width:64px;height:4px;margin-top:-18px;transition:transform .6s cubic-bezier(.16,1,.3,1)}.hero__accent--hidden{transform:scaleX(0)}.hero__cta{--lift:-.25em;--glow-size:.75em;--glow-color:var(--glow-accent);background-color:var(--focus-ring);color:var(--on-accent);border-radius:15px;padding:15px 20px;font-size:18px;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s}.hero__image{object-fit:cover;border-radius:15px;width:100%;max-width:100%;height:auto}@media (max-width:768px){.hero{justify-content:center;align-items:center;min-height:310px;margin-top:80px;padding:10px}.hero__title{font-size:40px}.hero__text{font-size:14px}.hero__media{display:none}}.about{background-color:var(--bg-secondary);color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:80px 20px;display:flex}.about__title{align-self:center}.about__text{width:100%;max-width:70ch}.skills{background-color:var(--bg-primary);color:var(--text-primary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:48px;padding:80px 20px;display:flex}.skills__window{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);width:min(100%,640px);box-shadow:0 28px 70px -38px var(--shadow-dark);text-align:left;border-radius:15px;overflow:hidden}.skills__window-bar{border-bottom:1px solid var(--border-subtle);height:42px;color:var(--text-secondary);align-items:center;gap:10px;padding-inline-start:16px;padding-inline-end:16px;font-family:ui-monospace,monospace;font-size:13px;display:flex}.skills__window-tab{color:var(--text-primary)}.skills__editor{flex-direction:column;padding-block-start:14px;padding-block-end:14px;display:flex}.skills__line{align-items:center;gap:14px;min-height:42px;padding-inline-start:16px;padding-inline-end:16px;font-family:ui-monospace,monospace;font-size:15px;transition:background-color .2s;display:flex}.skills__line:hover{background-color:var(--glow-faint)}.skills__line--decor{color:var(--text-secondary)}.skills__line-number{width:2ch;color:var(--text-secondary);text-align:right;opacity:.55;-webkit-user-select:none;user-select:none;font-size:13px}.skills__line-code{gap:8px;display:flex}.skills__token-keyword{color:var(--text-primary);font-weight:600}.skills__token-punct{color:var(--text-secondary)}.skills__icon{fill:currentColor;flex-shrink:0;width:22px;height:22px}.skills__icon--html{color:#e34f26}.skills__icon--css{color:#1572b6}.skills__icon--js{color:#f7df1e}.skills__icon--ts{color:#3178c6}.skills__icon--node{color:#5fa04e}.skills__icon--git{color:#f05133}.skills__line-name{color:var(--text-primary);font-weight:500}html.light-mode .skills__icon--js{color:#887b11}@media (max-width:768px){.about{padding:56px 20px}.about__text{width:100%;font-size:14px;line-height:20px}.skills{height:auto;padding:56px 20px}.skills__line{gap:12px;min-height:38px;font-size:14px}.skills__icon{width:20px;height:20px}.skills__window-meta{display:none}}.projects{background-color:var(--bg-secondary);color:var(--text-primary)}.projects__header{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:80px 20px 24px;display:flex}.projects__title{color:var(--text-primary)}.projects__filters{flex-wrap:wrap;justify-content:center;gap:15px;padding:0 20px 20px;display:flex}.projects__search{justify-content:center;padding:0 20px 30px;display:flex}.projects__search-input{background-color:var(--bg-primary);width:100%;max-width:400px;color:var(--text-primary);border:1px solid var(--bg-button);border-radius:15px;padding:12px 20px;font-family:inherit;font-size:16px;transition:border-color .3s,box-shadow .3s}.projects__search-input:focus-visible{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--input-focus-shadow)}.projects__search-input::placeholder{color:var(--text-secondary)}.projects__filter-btn{--glow-color:var(--glow-soft);background-color:var(--bg-button);color:var(--text-primary);cursor:pointer;border:none;border-radius:15px;justify-content:center;align-items:center;min-height:44px;padding:10px 20px;font-family:inherit;font-size:16px;transition:transform .3s,box-shadow .3s,background-color .3s;display:inline-flex}.projects__filter-btn--active{background-color:var(--bg-active);box-shadow:0 0 .5em 0em var(--glow-active)}.projects__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),420px));justify-content:center;align-items:center;gap:30px;padding:20px 20px 80px;display:grid}.project-card{background-color:var(--bg-primary);text-align:center;border-radius:15px;flex-direction:column;align-items:center;gap:20px;width:100%;min-height:200px;padding:20px;transition:transform .3s;display:flex}.project-card__media{aspect-ratio:16/10;border-radius:10px;width:100%;overflow:hidden}.project-card__thumb{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.project-card:hover .project-card__thumb{transform:scale(1.05)}.project-card:hover{transform:translateY(-5px)}.project-card--hidden{display:none}.projects__empty{text-align:center;padding:0 20px 30px}.project-card__text{font-size:16px}.project-card__link{--lift:-.25em;background-color:var(--bg-button);min-height:44px;color:var(--text-primary);border-radius:15px;align-items:center;padding:10px 15px;font-size:18px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex}@media (max-width:768px){.projects__header{gap:10px;padding:56px 20px 20px}.projects__subtitle{font-size:15px}.projects__grid{height:auto;padding-bottom:56px}}.contact{background-color:var(--bg-primary);color:var(--text-primary);flex-wrap:wrap;justify-content:center;align-items:center;gap:50px;padding:80px 20px;display:flex}.contact__info{flex-direction:column;gap:10px;min-width:0;display:flex}.contact__form{flex-direction:column;gap:15px;max-width:500px;margin-top:25px;display:flex}.contact__field{flex-direction:column;gap:5px;display:flex}.contact__label{color:var(--text-primary);margin-bottom:3px;font-size:14px;font-weight:600}.contact__field--honeypot{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.contact__field input,.contact__field textarea{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--bg-button);resize:none;border-radius:10px;padding:12px 15px;font-family:inherit;font-size:16px;transition:border-color .3s,box-shadow .3s}.contact__field input:focus-visible{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--input-focus-shadow)}.contact__field textarea:focus-visible{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--input-focus-shadow)}.contact__field .input--invalid{border-color:var(--status-error);box-shadow:0 0 0 3px color-mix(in srgb, var(--status-error) 20%, transparent)}.contact__field .input--valid{border-color:var(--status-success);box-shadow:0 0 0 3px color-mix(in srgb, var(--status-success) 20%, transparent)}.contact__error{color:var(--status-error);min-height:16px;font-size:13px}.contact__feedback{min-height:20px;color:var(--status-success);font-size:15px}.contact__feedback--error{color:var(--status-error)}.contact__turnstile{min-height:90px}.contact__turnstile iframe{border-radius:10px}.contact__submit{--glow-size:.75em;--glow-color:var(--glow-accent);background-color:var(--focus-ring);color:var(--on-accent);cursor:pointer;border:none;border-radius:15px;align-self:flex-start;padding:12px 20px;font-family:inherit;font-size:16px;font-weight:600;transition:transform .3s,box-shadow .3s}.contact__submit:disabled{cursor:wait;opacity:.7;transform:none}.contact__social{flex-direction:column;gap:0;list-style:none;display:flex}.social-card{background-color:var(--bg-button);width:min(320px,100%);min-height:44px;color:var(--text-primary);border:2px solid #0000;border-radius:15px;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:15px;padding:10px;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}.social-card:hover{border-color:var(--border-hover);transform:translateY(-.2em)}.social-card--github:hover{box-shadow:0 0 20px var(--glow-faint)}.copy-email-btn{cursor:pointer;text-align:left;border:2px solid #0000;padding:14px;font-family:inherit;font-size:18px}.copy-email-btn:hover{box-shadow:0 0 20px var(--glow-faint)}@media (max-width:768px){.contact{gap:25px;height:auto;padding:56px 20px}.contact__submit{align-self:center}.contact__turnstile{justify-content:center;display:flex}}.btn:hover{transform:translateY(var(--lift,-.2em));box-shadow:0 0 var(--glow-size,.5em) 0 var(--glow-color,var(--glow-hover))}.scroll-progress{background-color:var(--focus-ring);transform-origin:0;z-index:1001;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.back-to-top{background-color:var(--bg-button);width:50px;height:50px;color:var(--text-primary);cursor:pointer;opacity:0;visibility:hidden;z-index:998;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:opacity .3s,visibility .3s,transform .3s,box-shadow .3s;display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(20px)scale(.8)}.back-to-top:hover{transform:translateY(-5px)scale(1.05)}.back-to-top--visible{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.footer{background-color:var(--bg-secondary);text-align:center;justify-content:center;align-items:center;height:150px;font-size:13px;display:flex}@media (max-width:768px){.footer{height:90px}}.toast-notification{z-index:1000;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--bg-button);opacity:0;visibility:hidden;border-radius:12px;align-items:center;gap:12px;padding:16px 24px;transition:opacity .3s,visibility .3s,transform .3s;display:flex;position:fixed;bottom:100px;right:30px;transform:translateY(20px)scale(.9);box-shadow:0 4px 20px #0000004d}.toast--visible{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.toast__icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.toast__icon svg{width:100%;height:100%;display:block}.toast__message{font-size:14px;font-weight:500}@media (max-width:768px){.toast-notification{bottom:90px;left:16px;right:16px}}.hero{isolation:isolate;gap:clamp(48px,7vw,120px);min-height:clamp(620px,100svh - 75px,860px);padding:70px clamp(20px,5vw,80px);position:relative;overflow:clip}.hero__code-field{z-index:-1;opacity:.78;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hero__content{align-items:flex-start;width:min(100%,650px);padding:0}.hero__title{letter-spacing:-.035em;max-width:11ch;font-size:clamp(40px,5.3vw,50px)}.hero__text{max-width:55ch}.hero__accent{transform-origin:0;margin-top:-16px}.hero__media{border:1px solid var(--border-subtle);background-color:var(--bg-secondary);width:min(46vw,640px);box-shadow:0 28px 70px -38px var(--shadow-dark);transform-origin:50%;border-radius:15px;padding-top:42px;position:relative;overflow:hidden;transform:perspective(1200px)rotateY(-3deg)rotateX(1deg)}.hero__media:before{content:"portfolio.js    •    preview";width:100%;height:42px;color:var(--text-secondary);letter-spacing:0;border-bottom:1px solid var(--border-subtle);align-items:center;padding-inline-start:16px;padding-inline-end:16px;font-family:ui-monospace,monospace;font-size:13px;display:flex;position:absolute;top:0;left:0}.hero__image{border-radius:0;display:block}@supports (animation-timeline:scroll()){.hero__content{animation:linear both hero-content-depart;animation-timeline:scroll(root);animation-range:0 58vh}.hero__media{animation:linear both hero-media-depart;animation-timeline:scroll(root);animation-range:0 70vh}.hero__code-field{animation:linear both hero-field-depart;animation-timeline:scroll(root);animation-range:0 70vh}}@keyframes hero-content-depart{to{opacity:.18;filter:blur(5px);transform:translateY(70px)scale(.96)}}@keyframes hero-media-depart{to{opacity:.28;filter:blur(3px);transform:perspective(1200px)translateY(-90px)rotateY(3deg)rotateX(-1deg)scale(.94)}}@keyframes hero-field-depart{to{opacity:0;transform:scale(1.08)}}@media (max-width:900px){.hero{min-height:auto;padding-block-start:80px;padding-block-end:80px}.hero__media{width:min(44vw,500px)}}@media (max-width:768px){.hero{min-height:calc(100svh - 80px);padding:72px 20px}.hero__content{text-align:center;align-items:center}.hero__title{overflow-wrap:normal;word-break:keep-all;width:100%;max-width:none;font-size:40px}.hero__accent{transform-origin:50%}}@media (prefers-reduced-motion:reduce){.hero__code-field{opacity:.3}.hero__content,.hero__media,.hero__code-field{animation:none!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{vertical-align:middle;width:20px;height:20px}.skip-link{z-index:1000;background-color:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-body);border-radius:0 0 8px 8px;padding:12px 24px;font-size:.875rem;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:16px}.skip-link:focus{top:0}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@keyframes piscar{0%,50%{opacity:1}51%,to{opacity:0}}.reveal{opacity:1;transform:none}.motion-ready .reveal>*{transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1),filter .85s cubic-bezier(.16,1,.3,1),clip-path .85s cubic-bezier(.16,1,.3,1)}.motion-ready .about:not(.reveal--visible)>*{opacity:0;filter:blur(10px);clip-path:inset(0 0 35%);transform:translateY(46px)}.motion-ready .skills:not(.reveal--visible)>.skills__title{opacity:0;filter:blur(8px);transform:translateY(32px)}.motion-ready .skills:not(.reveal--visible) .skills__window{opacity:0;filter:blur(8px);transform:translateY(54px)scale(.94)}.motion-ready .skills__window,.motion-ready .project-card{transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1),filter .85s cubic-bezier(.16,1,.3,1)}.motion-ready .projects:not(.reveal--visible)>:not(.projects__grid){opacity:0;filter:blur(8px);transform:translateY(34px)}.motion-ready .projects:not(.reveal--visible) .project-card{opacity:0;filter:blur(7px);transform:translateY(48px)scale(.96)}.motion-ready .projects .project-card:nth-child(2n){transition-delay:90ms}.motion-ready .contact:not(.reveal--visible) .contact__info{opacity:0;filter:blur(9px);transform:translate(-44px)}.motion-ready .contact:not(.reveal--visible) .contact__social{opacity:0;filter:blur(9px);transform:translate(44px)}::view-transition-old(root){animation:.45s both tema-sair}::view-transition-new(root){animation:.45s both tema-entrar}@keyframes tema-sair{to{opacity:0}}@keyframes tema-entrar{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.motion-ready .reveal>*,.motion-ready .reveal .skills__window,.motion-ready .reveal .project-card{opacity:1;filter:none;clip-path:none;transform:none}}