:root{--bg:#03070d;--bg-2:#07111b;--panel:#09121cb8;--panel-strong:#0a1622e0;--line:#7dffad24;--line-strong:#7dffad47;--text:#f6f9fb;--muted:#a9b4c0;--muted-2:#798590;--green:#00e66b;--green-2:#18ff84;--green-soft:#00e66b1f;--shadow:0 24px 80px #00000061;--radius:28px;--radius-sm:18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body,#root{min-height:100vh;margin:0}body{color:var(--text);background:radial-gradient(circle at 22% 8%,#00e66b29,#0000 28%),radial-gradient(circle at 84% 20%,#0d76ff1f,#0000 24%),radial-gradient(circle at 50% 96%,#00e66b1a,#0000 30%),linear-gradient(135deg,#02050a 0%,#06111c 46%,#02050a 100%);overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:54px 54px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{color:#001207;background:var(--green-2)}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:minmax(230px,1fr) auto minmax(160px,1fr);align-items:center;gap:24px;width:min(100% - 40px,1380px);min-height:92px;margin:0 auto;display:grid;position:sticky;top:0}.site-header:before{content:"";z-index:-1;background:linear-gradient(#03070df0,#03070db8 70%,#0000);position:absolute;inset:0 -40px}.brand{align-items:center;gap:14px;min-width:0;display:inline-flex}.brand-mark{border:2px solid var(--green);width:42px;height:42px;color:var(--green-2);letter-spacing:-.1em;filter:drop-shadow(0 0 18px #00e66b52);border-radius:12px 4px;place-items:center;font-size:27px;font-weight:950;display:grid}.brand strong,.brand small{white-space:nowrap;display:block}.brand strong{font-size:15px;line-height:1.15}.brand small{color:var(--muted);margin-top:2px;font-size:13px}.site-nav{justify-self:center;align-items:center;gap:clamp(12px,1.55vw,28px);display:inline-flex}.site-nav a,.site-nav button{color:var(--muted);background:0 0;border:0;padding:0;font-size:14px;font-weight:650;transition:color .2s;position:relative}.site-nav a:after,.site-nav button:after{content:"";transform-origin:0;background:var(--green);border-radius:999px;height:2px;transition:transform .2s;position:absolute;bottom:-12px;left:0;right:0;transform:scaleX(0);box-shadow:0 0 18px #00e66bb3}.site-nav a:hover,.site-nav a:focus-visible,.site-nav button:hover,.site-nav button:focus-visible{color:var(--text)}.site-nav a:hover:after,.site-nav a:focus-visible:after,.site-nav button:hover:after,.site-nav button:focus-visible:after,.site-nav a:first-child:after{transform:scaleX(1)}.header-cta,.header-coffee,.primary-button,.secondary-button{border:1px solid var(--line-strong);border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:52px;font-weight:850;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.header-actions{justify-self:end;align-items:center;gap:12px;display:inline-flex}.header-cta,.header-coffee{color:var(--text);background:#08111cc7;padding:0 25px}.header-coffee{color:#001307;background:linear-gradient(135deg, var(--green), var(--green-2));border-color:#18ff84a8;padding:0 18px;display:none}.header-cta svg,.primary-button svg{color:var(--green)}.header-cta:hover,.header-coffee:hover,.secondary-button:hover,.social-links a:hover,.project-controls button:hover{border-color:#18ff848c;transform:translateY(-2px);box-shadow:0 18px 44px #00e66b21}.page-shell{width:min(100% - 40px,1300px);margin:0 auto;padding:24px 0 64px}.section{scroll-margin-top:110px}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0c1b27bd,#040a11b8),radial-gradient(circle at 0 0,#00e66b17,#0000 44%)}.hero{grid-template-columns:minmax(260px,380px) minmax(0,1fr);align-items:center;gap:48px 70px;padding-top:26px;display:grid}.hero-photo-card{isolation:isolate;justify-content:center;align-items:flex-end;min-height:410px;padding:20px;display:flex;position:relative;overflow:hidden}.hero-photo-glow{z-index:-1;filter:blur(14px);background:radial-gradient(circle,#00e66b66,#00e66b0f 42%,#0000 74%);border-radius:999px;height:60%;position:absolute;inset:auto 12% 0}.hero-photo-card img{object-fit:cover;object-position:center 22%;border-radius:calc(var(--radius) - 12px);filter:saturate(1.02)contrast(1.03);width:100%;height:100%;min-height:366px}.availability-badge{color:#eafff3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050d13c2;border:1px solid #00e66b2e;border-radius:999px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 38px);padding:12px 17px;font-size:14px;font-weight:800;display:inline-flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.availability-badge span{background:var(--green);border-radius:50%;width:10px;height:10px;box-shadow:0 0 16px #00e66be6}.hero-content{padding:12px 0}.eyebrow{color:var(--green-2);letter-spacing:.42em;margin:0 0 16px;font-size:12px;font-weight:950}.hero h1{letter-spacing:-.075em;text-wrap:balance;max-width:790px;margin:0;font-size:clamp(44px,7vw,84px);line-height:.95}.hero-description{max-width:780px;color:var(--muted);margin:26px 0 30px;font-size:clamp(17px,2vw,22px);line-height:1.55}.tech-cloud,.tag-list{flex-wrap:wrap;gap:12px;display:flex}.tech-cloud span,.tag-list span{color:#dbe4ec;background:#0c1622d6;border:1px solid #ffffff1a;border-radius:999px;align-items:center;min-height:34px;padding:7px 14px;font-size:13px;font-weight:800;display:inline-flex}.tech-cloud span:after{content:"";background:var(--green);border-radius:50%;width:5px;height:5px;margin-left:10px;box-shadow:0 0 9px #00e66bc7}.metrics-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.metric-card{align-items:center;gap:22px;min-height:100px;padding:24px 28px;display:flex}.metric-card svg{width:42px;height:42px;color:var(--green);filter:drop-shadow(0 0 18px #00e66b40)}.metric-card strong,.metric-card span{display:block}.metric-card strong{font-size:21px;line-height:1.1}.metric-card span{color:var(--muted);margin-top:3px}.about-grid{grid-template-columns:1fr 1.15fr;gap:24px;margin-top:24px;display:grid}.content-card{padding:30px}.section-title{align-items:center;gap:14px;margin-bottom:24px;display:flex}.section-title.compact{margin-bottom:18px}.section-title svg{color:var(--green);width:31px;height:31px}.section-title h2{letter-spacing:-.04em;margin:0;font-size:clamp(22px,3vw,28px)}.content-card p{color:var(--muted);margin:0 0 20px;font-size:17px;line-height:1.7}.content-card p:last-child{margin-bottom:0}.check-list{gap:16px;margin:0;padding:0;list-style:none;display:grid}.check-list li{color:#d4dde6;align-items:center;gap:12px;font-size:16px;display:flex}.check-list svg{width:22px;height:22px;color:var(--green);background:#00e66b14;border:1px solid #00e66b33;border-radius:50%;flex:none;padding:3px}.section-block{margin-top:24px;padding:28px;scroll-margin-top:110px}.experience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.experience-card,.skill-card,.project-card,.education-item{background:linear-gradient(145deg,#0d1b28b8,#060c13c2);border:1px solid #ffffff17;border-radius:20px}.experience-card{grid-template-columns:64px 1fr;gap:18px;min-height:244px;padding:22px;display:grid}.company-mark{color:#fff;letter-spacing:-.04em;border-radius:18px;place-items:center;width:56px;height:56px;font-size:15px;font-weight:950;display:grid}.company-mark--codexa{color:var(--green);background:#00e66b17;border:1px solid #00e66b47;font-size:30px}.company-mark--alelo{background:#05a660;font-size:18px}.company-mark--panvel{background:#0a349a;font-size:15px}.experience-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.experience-head h3{letter-spacing:-.03em;margin:0 0 5px;font-size:20px}.experience-head strong{color:var(--green);font-size:13px;display:block}.experience-head span{color:var(--muted);flex:none;font-size:12px;font-weight:800}.experience-card p{color:var(--muted);margin:18px 0 20px;line-height:1.62}.experience-card .tag-list span{color:#bcc8d3;min-height:28px;padding:5px 10px;font-size:11px}.skills-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.skill-card{min-height:186px;padding:22px}.skill-card svg{color:var(--green);width:36px;height:36px}.skill-card h3{margin:14px 0 18px;font-size:15px}.skill-card ul{color:var(--muted);margin:0;padding-left:16px;line-height:1.75}.skill-card li::marker{color:var(--green)}.projects-section{margin-top:24px;scroll-margin-top:110px}.projects-head{justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;display:flex}.projects-head .section-title{margin-bottom:0}.project-controls{gap:12px;display:inline-flex}.project-controls button{border:1px solid var(--line);width:48px;height:48px;color:var(--green);cursor:pointer;background:#0a151fc7;border-radius:50%;place-items:center;display:grid}.projects-scroller{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--green) #ffffff14;grid-template-columns:repeat(5,minmax(320px,1fr));grid-auto-columns:minmax(320px,1fr);grid-auto-flow:column;gap:22px;padding:3px 3px 20px;display:grid;overflow-x:auto}.projects-scroller::-webkit-scrollbar{height:9px}.projects-scroller::-webkit-scrollbar-track{background:#ffffff0f;border-radius:999px}.projects-scroller::-webkit-scrollbar-thumb{background:var(--green);border-radius:999px}.project-card{scroll-snap-align:start;flex-direction:column;min-height:416px;display:flex;overflow:hidden}.project-media{border-radius:var(--radius) var(--radius) 0 0;background:#ffffff0a;height:178px;display:block;overflow:hidden}.project-media img,.project-media picture{width:100%;height:100%}.project-media img{object-fit:cover;transition:transform .35s,filter .35s}.project-card:hover .project-media img{filter:saturate(1.08);transform:scale(1.045)}.project-image-fallback{height:100%;min-height:178px;color:var(--green);background:radial-gradient(circle at 50% 15%,#00e66b2e,#0000 48%),linear-gradient(135deg,#08151fe6,#04080de6);place-items:center;padding:24px;font-weight:950;display:grid}.project-content{flex-direction:column;flex:1;padding:24px;display:flex}.project-tags{gap:8px;margin-bottom:18px}.project-tags span{min-height:28px;padding:5px 10px;font-size:11px}.project-tags .tag-highlight{color:var(--green);background:#00e66b1a;border-color:#00e66b29}.project-card h3{letter-spacing:-.04em;margin:0 0 12px;font-size:26px}.project-card p{min-height:78px;color:var(--muted);margin:0 0 22px;line-height:1.55}.text-link{color:#f3fff8;align-items:center;gap:8px;font-weight:900;display:inline-flex}.text-link svg{color:var(--green);transition:transform .2s}.text-link:hover svg{transform:translate(4px)}.portfolio-state{text-align:center;place-items:center;gap:8px;min-height:210px;padding:36px;display:grid}.portfolio-state span{background:var(--green);border-radius:50%;width:16px;height:16px;box-shadow:0 0 24px #00e66bcc}.portfolio-state strong{font-size:22px}.portfolio-state p{max-width:560px;color:var(--muted);margin:0}.portfolio-state--error span{background:#ff5370;box-shadow:0 0 24px #ff5370cc}.education-contact-grid{margin-top:24px}.education-card{padding:28px}.education-item{grid-template-columns:70px 1fr auto;align-items:center;gap:24px;padding:24px;display:grid}.education-icon{width:58px;height:58px;color:var(--green);background:#00e66b14;border:1px solid #00e66b33;border-radius:50%;place-items:center;display:grid}.education-item h3,.education-item p{margin:0}.education-item h3{margin-bottom:7px;font-size:19px}.education-item p{color:var(--muted);line-height:1.55}.education-item>span{color:var(--green);font-weight:900}.contact-section{margin-top:24px}.contact-strip{background:radial-gradient(circle at 78% 25%,#00e66b38,#0000 38%),linear-gradient(145deg,#0d281cbd,#040a11bd);border-color:#00e66b52;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:40px 64px;display:grid}.contact-strip h2{letter-spacing:-.055em;max-width:600px;margin:0 0 14px;font-size:clamp(28px,4vw,40px);line-height:1.06}.contact-strip p{max-width:580px;color:var(--muted);margin:0;font-size:17px;line-height:1.6}.contact-actions{grid-template-columns:repeat(2,minmax(170px,1fr));gap:16px;min-width:420px;display:grid}.primary-button{color:#001307;background:linear-gradient(135deg, var(--green), var(--green-2));border-color:#0000;padding:0 24px;box-shadow:0 18px 50px #00e66b47}.primary-button svg{color:#001307}.secondary-button{background:#060e1694;padding:0 24px}.social-links{grid-column:1/-1;justify-content:center;gap:18px;display:flex}.social-links a{color:#dce6ee;background:#060e169e;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:52px;height:52px;transition:transform .2s,border-color .2s,color .2s;display:grid}.social-links a:hover{color:var(--green)}.coffee-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 50% 22%,#00e66b1f,#0000 34%),#010509c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.coffee-modal{width:min(100%,520px);padding:34px;position:relative;overflow:hidden}.coffee-modal:before{content:"";z-index:-1;background:radial-gradient(circle at 100% 0,#18ff8429,#0000 36%),linear-gradient(145deg,#0c1b27f0,#040a11f0);position:absolute;inset:0}.coffee-modal-close{width:42px;height:42px;color:var(--text);background:#060e16b8;border:1px solid #ffffff1f;border-radius:14px;place-items:center;font-size:28px;line-height:1;transition:transform .2s,border-color .2s,color .2s;display:grid;position:absolute;top:18px;right:18px}.coffee-modal-close:hover,.coffee-modal-close:focus-visible{color:var(--green);border-color:#18ff848c;transform:translateY(-2px)}.coffee-modal-head{padding-right:46px}.coffee-modal-head h2{letter-spacing:-.06em;margin:10px 0;font-size:clamp(30px,5vw,46px);line-height:.98}.coffee-modal-head p{max-width:380px;color:var(--muted);margin:0;line-height:1.7}.coffee-modal-form{gap:20px;margin-top:28px;display:grid}.coffee-field{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;gap:10px;font-size:13px;font-weight:800;display:grid}.coffee-input-wrap{border:1px solid var(--line-strong);background:#030910c2;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:58px;padding:0 18px;transition:border-color .2s,box-shadow .2s;display:grid}.coffee-input-wrap:focus-within{border-color:#18ff84b8;box-shadow:0 0 0 4px #00e66b1a}.coffee-input-wrap strong{color:var(--green);font-size:16px}.coffee-input-wrap input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:18px;font-weight:750}.coffee-input-wrap input::placeholder{color:var(--muted-2)}.coffee-payment-options{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;display:grid}.coffee-payment-options legend{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1;margin-bottom:10px;font-size:13px;font-weight:800}.coffee-payment-options button{border:1px solid var(--line-strong);min-height:56px;color:var(--text);background:#060e16ad;border-radius:16px;font-weight:850;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.coffee-payment-options button:hover,.coffee-payment-options button:focus-visible,.coffee-payment-options button.is-selected{background:#00e66b1f;border-color:#18ff84b8;transform:translateY(-2px);box-shadow:0 18px 44px #00e66b21}.coffee-payment-options button.is-selected{color:var(--green-2)}.coffee-form-message{border-radius:14px;margin:-4px 0 0;padding:12px 14px;font-size:14px;font-weight:750}.coffee-form-message.is-error{color:#ffd9d9;background:#ff5e5e1a;border:1px solid #ff5e5e47}.coffee-form-message.is-success{color:#d7ffe8;background:#00e66b1a;border:1px solid #18ff8452}.coffee-form-message.is-warning{color:#ffe9b5;background:#ffc75c1a;border:1px solid #ffc75c57}.coffee-submit{color:#001307;background:linear-gradient(135deg, var(--green), var(--green-2));border:0;border-radius:16px;min-height:58px;font-weight:950;transition:transform .2s,box-shadow .2s;box-shadow:0 18px 42px #00e66b38}.coffee-submit:hover,.coffee-submit:focus-visible{transform:translateY(-2px);box-shadow:0 24px 54px #00e66b47}@media (width<=1180px){.site-header{grid-template-columns:1fr auto}.site-nav{display:none}.header-coffee{display:inline-flex}.hero{grid-template-columns:340px 1fr;gap:36px}.metrics-grid,.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.projects-scroller{grid-auto-columns:minmax(320px,44vw);grid-template-columns:unset}}@media (width<=900px){.page-shell,.site-header{width:min(100% - 28px,1300px)}.hero{grid-template-columns:1fr}.hero-photo-card{justify-self:center;width:min(100%,440px);min-height:440px}.about-grid,.contact-strip{grid-template-columns:1fr}.contact-actions{min-width:0}.education-item{grid-template-columns:58px 1fr}.education-item>span{grid-column:2}}@media (width<=720px){.site-header{min-height:78px}.brand small,.header-cta{display:none}.header-actions{gap:0}.header-coffee{border-radius:12px;min-height:44px;padding:0 14px;font-size:13px}.brand strong{font-size:14px}.page-shell{padding-top:8px}.hero{gap:24px}.hero-photo-card{min-height:350px;padding:14px}.hero-photo-card img{min-height:320px}.availability-badge{font-size:12px;bottom:20px}.hero h1{font-size:clamp(42px,16vw,62px)}.hero-description,.content-card p{font-size:15px}.metrics-grid,.experience-grid,.skills-grid{grid-template-columns:1fr}.metric-card,.content-card,.section-block,.education-card,.contact-strip{padding:22px}.experience-card{grid-template-columns:1fr}.experience-head,.projects-head{align-items:flex-start}.project-controls{display:none}.projects-scroller{grid-auto-columns:minmax(285px,86vw)}.project-card{min-height:390px}.contact-actions{grid-template-columns:1fr}.social-links{flex-wrap:wrap;justify-content:flex-start}.coffee-modal-backdrop{align-items:end;padding:14px}.coffee-modal{border-radius:24px;padding:26px 20px 20px}.coffee-modal-head{padding-right:38px}.coffee-payment-options{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.project-card .text-link{background:#00e66b0f;border:1px solid #00e66bb8;border-radius:14px;justify-content:center;width:100%;min-height:46px;margin-top:auto;padding:0 18px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;box-shadow:inset 0 0 0 1px #00e66b0a}.project-card .text-link:hover,.project-card .text-link:focus-visible{border-color:var(--green-2);background:#00e66b1f;transform:translateY(-2px);box-shadow:0 14px 32px #00e66b1f,inset 0 0 0 1px #00e66b14}.coffee-modal{width:min(100%,620px);max-height:calc(100vh - 48px);overflow-y:auto}.coffee-input-wrap--single{grid-template-columns:1fr}.coffee-submit:disabled,.coffee-secondary-action:disabled{cursor:not-allowed;opacity:.66;transform:none}.coffee-pix-result,.coffee-card-result,.coffee-card-brick-panel{border:1px solid var(--line-strong);background:#030910c2;border-radius:18px;gap:14px;padding:18px;display:grid}.coffee-pix-result strong,.coffee-card-result strong{color:var(--green-2);font-size:15px}.coffee-pix-result img{background:#fff;border-radius:14px;justify-self:center;width:min(100%,240px);padding:10px}.coffee-pix-result textarea{resize:vertical;width:100%;min-height:94px;color:var(--text);background:#010509b8;border:1px solid #ffffff1a;border-radius:14px;outline:0;padding:12px}.coffee-secondary-action{border:1px solid var(--line-strong);min-height:46px;color:var(--text);background:#060e16cc;border-radius:14px;font-weight:850;transition:transform .2s,border-color .2s,background .2s}.coffee-secondary-action:hover,.coffee-secondary-action:focus-visible{background:#00e66b1f;border-color:#18ff84b8;transform:translateY(-2px)}.coffee-card-result span{color:var(--text);font-weight:850}.coffee-card-result small,.coffee-card-loading{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.coffee-card-brick-panel{margin-top:20px}