:root{--ink: #0f172a;--ink-light: #1e293b;--muted: #64748b;--muted-light: #94a3b8;--bg: #f8fafc;--bg-card: #ffffff;--line: #e2e8f0;--line-strong: #cbd5e1;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-light: #eff6ff;--accent-glow: rgba(37, 99, 235, .16);--dark: #0b1329;--dark-surface: #111e38;--dark-line: #1e293b;--soft: #eef4ff;--success: #16a34a;--success-bg: #dcfce7;--danger: #dc2626;--danger-bg: #fee2e2;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--nav-height: 72px;--container-max: 1200px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .04);--shadow-md: 0 10px 30px rgba(15, 23, 42, .06);--shadow-lg: 0 20px 45px rgba(15, 23, 42, .1);--shadow-profile: 0 25px 60px rgba(15, 23, 42, .16);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,svg,picture{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}section{scroll-margin-top:calc(var(--nav-height) + 1.5rem)}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.section{padding-top:5.5rem;padding-bottom:5.5rem}.section-header{margin-bottom:3.5rem}.section-header.text-center{text-align:center}.section-header.text-center .section-lead{margin-left:auto;margin-right:auto}.section-label{display:inline-block;color:var(--accent);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.5rem}.section-title{font-size:clamp(2rem,3.8vw,2.75rem);font-weight:850;letter-spacing:-.04em;color:var(--ink);line-height:1.15;margin-bottom:.85rem}.section-lead{color:var(--muted);font-size:1.08rem;max-width:720px;line-height:1.7}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{display:flex;flex-wrap:wrap}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}@media(max-width:991px){.grid-2,.grid-3{grid-template-columns:1fr}.section{padding-top:4.5rem;padding-bottom:4.5rem}}@media(max-width:640px){.container{padding-left:1.25rem;padding-right:1.25rem}.section{padding-top:3.75rem;padding-bottom:3.75rem}}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:1000;transition:box-shadow var(--transition-normal)}.navbar.scrolled{box-shadow:0 4px 20px #0f172a0f}.nav-container{display:flex;align-items:center;justify-content:space-between;height:100%}.navbar-brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.125rem;color:var(--ink);letter-spacing:-.02em}.navbar-brand svg{color:var(--accent)}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-link{font-weight:650;font-size:.94rem;color:var(--muted);transition:color var(--transition-fast);position:relative}.nav-link:hover,.nav-link.active{color:var(--accent)}.nav-link.active:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:2px;background-color:var(--accent);border-radius:var(--radius-full)}.nav-toggle{display:none;padding:.5rem;color:var(--ink);border-radius:var(--radius-sm)}.nav-toggle:hover{background-color:var(--soft)}@media(max-width:860px){.nav-toggle{display:flex;align-items:center;justify-content:center}.nav-menu{position:fixed;top:var(--nav-height);left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;padding:1.5rem;gap:1.25rem;box-shadow:var(--shadow-md);transform:translateY(-150%);opacity:0;pointer-events:none;transition:transform var(--transition-normal),opacity var(--transition-normal)}.nav-menu.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-link{width:100%;padding:.5rem 0;font-size:1.05rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1.4rem;border-radius:var(--radius-md);font-weight:750;font-size:.95rem;text-decoration:none;transition:all var(--transition-normal);cursor:pointer;line-height:1}.btn-primary-custom{background-color:var(--accent);color:#fff;box-shadow:0 4px 14px #2563eb40}.btn-primary-custom:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb59;color:#fff}.btn-outline-custom{background-color:#fff;color:var(--ink);border:1px solid var(--line-strong)}.btn-outline-custom:hover{border-color:var(--accent);color:var(--accent);background-color:var(--soft);transform:translateY(-1px)}.btn-whatsapp{background-color:#25d366;color:#fff;width:100%;font-size:1.05rem;padding:.95rem 1.5rem;box-shadow:0 4px 14px #25d36647}.btn-whatsapp:hover{background-color:#20ba5a;transform:translateY(-2px);box-shadow:0 6px 20px #25d36661}.hero{min-height:92vh;display:flex;align-items:center;padding-top:calc(var(--nav-height) + 3.5rem);padding-bottom:5rem;background:radial-gradient(circle at 85% 20%,rgba(37,99,235,.14),transparent 32%),radial-gradient(circle at 15% 85%,rgba(15,118,110,.1),transparent 32%),linear-gradient(180deg,#fff,#f7faff)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:3.5rem}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border-radius:var(--radius-full);background:var(--soft);color:#1d4ed8;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(37,99,235,.12);margin-bottom:1.25rem}.hero h1{font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.05;font-weight:850;letter-spacing:-.05em;color:var(--ink);margin-bottom:.6rem}.hero h2{font-size:clamp(1.2rem,2vw,1.6rem);color:#334155;font-weight:700;margin-bottom:1.25rem}.hero-bio{color:var(--muted);font-size:1.1rem;line-height:1.7;max-width:640px;margin-bottom:2rem}.hero-cta-group{display:flex;flex-wrap:wrap;gap:.85rem}.profile-wrap{position:relative;display:flex;justify-content:center}.profile-img{width:min(340px,80vw);aspect-ratio:1;object-fit:cover;border-radius:var(--radius-xl);border:10px solid #ffffff;box-shadow:var(--shadow-profile)}.profile-note{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);width:max-content;max-width:90%;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:.65rem 1.1rem;box-shadow:var(--shadow-md);font-size:.88rem;font-weight:750;color:var(--ink);display:flex;align-items:center;gap:.5rem}@media(max-width:991px){.hero-grid{grid-template-columns:1fr;gap:3rem}.hero-content{order:1}.profile-wrap{order:2}}.cardx{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:2rem;height:100%;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.cardx:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.iconbox{width:50px;height:50px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--soft);color:var(--accent);margin-bottom:1.25rem}.tag{display:inline-block;padding:.35rem .65rem;margin:.25rem .25rem 0 0;border-radius:var(--radius-sm);background:#f1f5f9;color:#334155;font-size:.8rem;font-weight:700}.status-badge{display:inline-block;align-self:flex-start;font-size:.75rem;font-weight:850;padding:.3rem .7rem;border-radius:var(--radius-full);margin-bottom:.85rem}.status-prof{background:#dcfce7;color:#166534}.status-dev{background:#fef3c7;color:#92400e}.status-exp{background:#e0e7ff;color:#3730a3}.timeline{position:relative;padding-left:2.25rem;margin-top:1.5rem}.timeline:before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--accent) 0%,#cbd5e1 60%,#e2e8f0 100%)}.titem{position:relative;margin-bottom:2rem;padding:1.25rem 1.5rem;border-radius:var(--radius-md);background:#fff;border:1px solid var(--line);box-shadow:0 4px 16px #0f172a08;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.titem:hover{transform:translate(8px);box-shadow:0 12px 30px #2563eb14;border-color:#2563eb40}.titem:before{content:"";position:absolute;left:calc(-2.25rem - 1px);top:1.5rem;width:18px;height:18px;border-radius:50%;background:var(--accent);border:4px solid #ffffff;box-shadow:0 0 0 2px var(--accent);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.titem:hover:before{transform:scale(1.25);box-shadow:0 0 0 4px var(--accent),0 0 14px #2563eb80}.titem:first-child:before{animation:pulse-dot 2.5s infinite ease-in-out}.tdate{color:var(--accent);font-size:.85rem;font-weight:800;margin-bottom:.25rem}.trole{font-size:1.25rem;font-weight:800;color:var(--ink);margin-bottom:.15rem}.torg{font-weight:700;color:#334155;margin-bottom:.4rem}.tmeta{color:var(--muted);font-size:.95rem;line-height:1.6}.project-card{display:flex;flex-direction:column}.project-card h3{font-size:1.25rem;font-weight:850;margin-bottom:.5rem;color:var(--ink)}.project-card p{color:var(--muted);font-size:.95rem;line-height:1.65;margin-bottom:1rem}.project-card ul{padding-left:1.2rem;list-style:disc;color:#475569;font-size:.92rem;line-height:1.6;margin-bottom:1.25rem}.project-tags{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line)}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.stack-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:1.5rem}.stack-card h4{font-size:1.05rem;font-weight:850;margin-bottom:.85rem;color:var(--ink)}.contact-section{background:var(--dark);color:#fff}.contact-section .section-label{color:#93c5fd}.contact-section .section-title{color:#fff}.contact-section .section-lead{color:#cbd5e1}.contact-wrapper{display:grid;grid-template-columns:1fr 1.1fr;gap:3.5rem;align-items:start}.contact-info-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.contact-info-item{display:flex;align-items:center;gap:1rem}.contact-info-item .iconbox{background:#ffffff14;color:#93c5fd;margin-bottom:0}.contact-info-item h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:700}.contact-info-item p{font-size:1.05rem;font-weight:750;color:#fff}.contact-card{background:var(--dark-surface);border:1px solid var(--dark-line);border-radius:var(--radius-lg);padding:2.25rem;box-shadow:var(--shadow-lg)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.9rem;font-weight:700;color:#e2e8f0;margin-bottom:.45rem}.form-control{width:100%;padding:.85rem 1.1rem;border-radius:var(--radius-md);background:#0f172a99;border:1px solid #334155;color:#fff;font-size:.95rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb4d}.form-control.is-invalid{border-color:var(--danger)}.form-error{display:block;font-size:.82rem;color:#fca5a5;margin-top:.35rem;font-weight:600}@media(max-width:991px){.contact-wrapper{grid-template-columns:1fr;gap:2.5rem}}.footer{background:#070c18;color:var(--muted-light);padding:2rem 0;font-size:.9rem;border-top:1px solid #111e38}.footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.form-success-banner{padding:1rem;border-radius:var(--radius-md);background-color:#16a34a2e;border:1px solid rgba(22,163,74,.35);color:#86efac;font-size:.92rem;margin-top:1.25rem;line-height:1.5}.form-error-banner{padding:1rem;border-radius:var(--radius-md);background-color:#dc26262e;border:1px solid rgba(220,38,38,.35);color:#fca5a5;font-size:.92rem;margin-top:1.25rem;line-height:1.5}[data-reveal]{opacity:0;transition-property:opacity,transform;transition-duration:.75s;transition-timing-function:cubic-bezier(.16,1,.3,1);will-change:opacity,transform}[data-reveal=fade-up]{transform:translateY(36px)}[data-reveal=fade-left]{transform:translate(-36px)}[data-reveal=fade-right]{transform:translate(36px)}[data-reveal=zoom-in]{transform:scale(.9)}[data-reveal=fade-in]{transform:none}[data-reveal].is-revealed{opacity:1;transform:translate(0) scale(1)}[data-reveal-delay="50"]{transition-delay:.05s}[data-reveal-delay="100"]{transition-delay:.1s}[data-reveal-delay="150"]{transition-delay:.15s}[data-reveal-delay="200"]{transition-delay:.2s}[data-reveal-delay="250"]{transition-delay:.25s}[data-reveal-delay="300"]{transition-delay:.3s}[data-reveal-delay="350"]{transition-delay:.35s}[data-reveal-delay="400"]{transition-delay:.4s}[data-reveal-delay="500"]{transition-delay:.5s}.profile-wrap{animation:float 5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%{box-shadow:0 0 #2563eb80}70%{box-shadow:0 0 0 14px #2563eb00}to{box-shadow:0 0 #2563eb00}}@keyframes pulse-dot{0%,to{transform:scale(1);box-shadow:0 0 #2563eb66}50%{transform:scale(1.25);box-shadow:0 0 0 6px #2563eb00}}@keyframes typing-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important;transition:none!important}.profile-wrap{animation:none!important}}.chat-launcher{position:fixed;bottom:28px;right:28px;width:62px;height:62px;border-radius:var(--radius-full);background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px #2563eb66;z-index:1050;cursor:pointer;border:none;transition:transform var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);animation:pulse-glow 3s infinite}.chat-launcher:hover{background:var(--accent-hover);transform:scale(1.08);box-shadow:0 12px 34px #2563eb80}.chat-launcher .badge-online{position:absolute;top:2px;right:2px;width:15px;height:15px;background:#22c55e;border:3px solid #ffffff;border-radius:50%}.chat-widget{position:fixed;bottom:102px;right:28px;width:min(390px,calc(100vw - 32px));max-height:min(600px,calc(100vh - 130px));background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0f172a38;border:1px solid var(--line);z-index:1050;display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px) scale(.95);opacity:0;pointer-events:none;transition:transform var(--transition-normal),opacity var(--transition-normal)}.chat-widget.is-open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.chat-header{background:var(--dark);color:#fff;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--dark-line)}.chat-header-user{display:flex;align-items:center;gap:.75rem}.chat-header-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #2563eb}.chat-header-info h3{font-size:.95rem;font-weight:800;margin:0;color:#fff;line-height:1.2}.chat-header-status{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#86efac;font-weight:600}.chat-header-status:before{content:"";width:7px;height:7px;background:#22c55e;border-radius:50%;display:inline-block}.chat-close-btn{color:#94a3b8;padding:.4rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background-color var(--transition-fast)}.chat-close-btn:hover{color:#fff;background:#ffffff1a}.chat-body{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;background:#f8fafc}.chat-bubble{max-width:88%;padding:.85rem 1.1rem;border-radius:16px;font-size:.9rem;line-height:1.55}.chat-bubble-bot{align-self:flex-start;background:#fff;color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.chat-bubble-user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.4rem}.chat-chip-btn{background:var(--soft);color:var(--accent);border:1px solid rgba(37,99,235,.2);padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.78rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.chat-chip-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.chat-form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.75rem}.chat-form-card label{font-size:.78rem;font-weight:750;color:#475569;margin-bottom:.2rem;display:block}.chat-form-input,.chat-form-textarea{width:100%;padding:.6rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--line-strong);font-size:.86rem;background:#fff;color:var(--ink)}.chat-form-input:focus,.chat-form-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2563eb33}.chat-send-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);padding:.75rem;font-weight:750;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color var(--transition-fast)}.chat-send-btn:hover{background:var(--accent-hover)}.chat-send-btn:disabled{opacity:.65;cursor:not-allowed}.typing-dots{display:inline-flex;gap:4px;padding:4px 0}.typing-dot{width:6px;height:6px;background:var(--muted);border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@media(max-width:480px){.chat-widget{bottom:0;right:0;left:0;width:100vw;height:85vh;max-height:85vh;border-radius:20px 20px 0 0}}