:root{--bg:#0b0b0d;--surface:#151518;--text:#f5f5f5;--muted:#a1a1aa;--primary:#6366f1;--radius:14px;--space:clamp(1.5rem,4vw,3rem)}
.header{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#0b0b0fb3;border-bottom:1px solid #ffffff0d;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0}.header.scrolled{-webkit-backdrop-filter:blur(25px)saturate(200%);backdrop-filter:blur(25px)saturate(200%);background:#0b0b0ff2;border-bottom:1px solid #667eea33;box-shadow:0 10px 40px #0000004d}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:1.5rem 2rem;transition:padding .3s;display:flex}.header.scrolled .header-inner{padding:1rem 2rem}.logo-container{align-items:center;gap:1rem;display:flex}.logo{color:var(--text);background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#22d3ee 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;align-items:center;font-size:1.5rem;font-weight:800;animation:4s infinite gradient-shift;display:flex;position:relative}.logo-bracket{color:#667eea;-webkit-text-fill-color:#667eea;font-weight:700;animation:2s ease-in-out infinite bracket-pulse}.logo-subtitle{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-size:.75rem;font-weight:500}.nav{align-items:center;gap:2.5rem;display:flex}.nav-link{color:var(--muted);align-items:baseline;gap:.4rem;padding:.5rem 0;font-size:.95rem;text-decoration:none;transition:all .3s;display:flex;position:relative}.nav-number{color:#667eea;font-family:Courier New,monospace;font-size:.75rem;font-weight:600}.nav-text{font-weight:500}.nav-link:hover{color:var(--text);transform:translateY(-2px)}.nav-link:after{content:"";background:linear-gradient(90deg,#667eea,#764ba2);width:0;height:2px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}.nav-cta{color:#667eea;background:0 0;border:2px solid #667eea;border-radius:6px;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.nav-cta:before{content:"";z-index:-1;background:linear-gradient(90deg,#667eea,#764ba2);width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.nav-cta:hover{color:#fff;border-color:#764ba2;transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.nav-cta:hover:before{left:0}.footer{text-align:center;color:var(--muted);background:#0b0b0f80;border-top:1px solid #ffffff0d;padding:3rem 2rem}@keyframes bracket-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@media (max-width:768px){.header-inner{padding:1rem 1.5rem}.logo{font-size:1.2rem}.logo-subtitle{display:none}.nav{gap:1.5rem}.nav-number{display:none}.nav-link{font-size:.85rem}.nav-cta{padding:.6rem 1.2rem;font-size:.85rem}}@media (max-width:600px){.nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#0b0b0ffa;border-top:1px solid #ffffff1a;flex-direction:column;gap:1.5rem;padding:2rem;transition:all .3s;position:fixed;top:100%;left:0;right:0;transform:translateY(-100%)}.nav-cta{text-align:center;width:100%}}
section{max-width:1100px;margin:auto;padding:5rem 1.5rem}.hero{flex-direction:column;justify-content:center;gap:4rem;min-height:100vh;padding-top:8rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(60px);pointer-events:none;opacity:.8;background:radial-gradient(circle at 80% 20%,#667eea14 0%,#764ba20d 25%,#0000 50%);width:50%;height:100%;position:absolute;top:0;right:0}.hero-content{z-index:1;grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;display:grid;position:relative}.hero-text h1{letter-spacing:-.02em;margin:0;font-size:clamp(2.75rem,7vw,4.5rem);font-weight:800;line-height:1.05;animation:.8s ease-out fade-in-up}.hero-kicker{letter-spacing:.15em;text-transform:uppercase;color:#a5b4fc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea1a;border:1px solid #667eea33;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;animation:.6s ease-out fade-in;display:inline-flex}.hero-kicker:before{content:"✦";font-size:.7rem;animation:2s ease-in-out infinite sparkle}.hero-text p{color:#9ca3af;max-width:520px;margin-top:1.5rem;font-size:1.15rem;line-height:1.7;animation:.8s ease-out .2s both fade-in-up}.hero-text strong{background:linear-gradient(135deg,#667eea 0%,#764ba2 40%,#f093fb 70%,#22d3ee 100%) 0 0/300% 300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;animation:6s infinite gradient-shift;position:relative}.hero-buttons{gap:1rem;margin-top:2rem;animation:.8s ease-out .4s both fade-in-up;display:flex}.btn{cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3,#0000);transition:opacity .3s;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 15px #667eea66}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #667eea80}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{color:#a5b4fc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea1a;border:2px solid #667eea4d}.btn-secondary:hover{background:#667eea33;border-color:#667eea80;transform:translateY(-3px);box-shadow:0 8px 20px #667eea33}.hero-photo{justify-content:center;animation:1s ease-out .6s both fade-in;display:flex;position:relative}.photo-frame{cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#22d3ee 100%);border-radius:40px;padding:10px;transition:all .5s cubic-bezier(.4,0,.2,1);animation:8s ease-in-out infinite float;position:relative}.photo-frame:hover{transform:translateY(-12px)scale(1.02)}.photo-frame:before{content:"";-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:0;background:linear-gradient(145deg,#0b0b0ffa,#14141ef2);border-radius:34px;position:absolute;inset:6px}.photo-frame img{z-index:1;object-fit:cover;filter:grayscale(.15)contrast(1.12)brightness(1.02);border-radius:28px;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 30px 80px #000000b3,inset 0 0 0 1px #ffffff0d,inset 0 2px 4px #ffffff1a}.photo-frame:hover img{filter:grayscale(0)contrast(1.18)brightness(1.05);transform:scale(1.02)}.photo-frame:after{content:"";z-index:-1;filter:blur(50px);opacity:.7;background:radial-gradient(circle,#667eea66,#764ba240 40%,#0000 70%);animation:4s ease-in-out infinite pulse-glow;position:absolute;inset:-40px}.stack-tags{flex-wrap:wrap;justify-content:center;gap:.75rem;animation:.8s ease-out .8s both fade-in-up;display:flex}.stack-tags span{color:#e5e7eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:default;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:.65rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stack-tags span:before{content:"";opacity:0;background:linear-gradient(135deg,#667eea4d,#764ba24d);transition:opacity .3s;position:absolute;inset:0}.stack-tags span:hover{background:#667eea26;border-color:#667eea4d;transform:translateY(-4px)scale(1.05);box-shadow:0 8px 20px #667eea4d}.stack-tags span:hover:before{opacity:1}.about-section{background:#fafafa;padding:8rem 2rem;position:relative}.about-container{max-width:1100px;margin:0 auto}.about-header{max-width:600px;margin-bottom:4rem}.section-label{letter-spacing:.1em;text-transform:uppercase;color:#667eea;margin-bottom:1rem;font-size:.875rem;font-weight:600;display:inline-block}.section-title{color:#1a1a1a;letter-spacing:-.02em;margin:0;font-size:clamp(2rem,4vw,2.75rem);font-weight:600;line-height:1.2}.about-grid{grid-template-columns:1.5fr 1fr;gap:4rem;display:grid}.about-main{flex-direction:column;gap:1.5rem;display:flex}.about-lead{color:#2d2d2d;max-width:500px;margin:0;font-size:1.25rem;font-weight:500;line-height:1.6}.about-text{color:#666;margin:0;font-size:1rem;line-height:1.8}.about-skills{border-top:1px solid #e5e5e5;flex-direction:column;gap:2rem;margin-top:2rem;padding-top:2rem;display:flex}.skill-category{flex-direction:column;gap:1rem;display:flex}.skill-title{color:#1a1a1a;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.875rem;font-weight:600}.skill-list{flex-wrap:wrap;gap:.75rem;display:flex}.skill-list span{color:#4a4a4a;background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.skill-list span:hover{color:#667eea;border-color:#667eea}.about-sidebar{flex-direction:column;gap:2rem;display:flex}.info-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.info-item{border-bottom:1px solid #f0f0f0;flex-direction:column;gap:.5rem;padding-bottom:1.5rem;display:flex}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-label{color:#999;font-size:.875rem;font-weight:500}.info-value{color:#1a1a1a;font-size:1.125rem;font-weight:600}.about-cta{flex-direction:column;gap:1rem;display:flex}.cta-button{color:#fff;text-align:center;background:#1a1a1a;border-radius:6px;padding:1rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.cta-button:hover{background:#2d2d2d;transform:translateY(-1px)}.cta-link{color:#1a1a1a;background:#fff;border:1px solid #e5e5e5;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.cta-link:hover{border-color:#1a1a1a;transform:translateY(-1px)}.services-section{background:#fff;padding:8rem 2rem;position:relative}.services-container{max-width:1100px;margin:0 auto}.services-header{text-align:center;max-width:600px;margin-bottom:5rem;margin-left:auto;margin-right:auto}.section-description{color:#666;margin-top:1rem;font-size:1.125rem;line-height:1.7}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:5rem;display:grid}.service-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;flex-direction:column;gap:1rem;padding:2.5rem;transition:all .3s;display:flex}.service-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 10px 30px #0000000d}.service-icon{background:#fff;border:1px solid #e5e5e5;border-radius:8px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:.5rem;font-size:2.5rem;display:flex}.service-title{color:#1a1a1a;margin:0;font-size:1.25rem;font-weight:600;line-height:1.3}.service-description{color:#666;margin:0;font-size:.95rem;line-height:1.7}.services-cta{text-align:center;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 2rem;display:flex}.cta-text{color:#2d2d2d;margin:0;font-size:1.25rem;font-weight:500}.cta-button-alt{color:#fff;background:#1a1a1a;border-radius:6px;padding:1rem 2.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.cta-button-alt:hover{background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.habilidades{padding:96px 0}.habilidades-header{max-width:1100px;margin:0 auto 56px}.habilidades-label{letter-spacing:.14em;text-transform:uppercase;color:#38bdf8;font-size:.75rem}.habilidades-title{margin-top:8px;font-size:2.4rem;font-weight:600}.habilidades-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:1100px;margin:0 auto;display:grid}.habilidade-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;padding:28px;transition:transform .35s,border-color .35s,background .35s;position:relative}.habilidade-card:before{content:"";opacity:0;background:linear-gradient(#38bdf8,#0000);border-radius:14px 0 0 14px;width:3px;height:100%;transition:opacity .35s;position:absolute;top:0;left:0}.habilidade-card:hover{background:#ffffff0a;border-color:#38bdf859;transform:translateY(-6px)}.habilidade-card:hover:before{opacity:1}.habilidade-card h3{margin-bottom:16px;font-size:1.05rem;font-weight:500}.habilidade-tags{flex-wrap:wrap;gap:10px;display:flex}.tag{color:#e5e7eb;background:#ffffff0f;border-radius:999px;padding:6px 12px;font-size:.8rem;transition:background .25s,transform .25s}.tag:hover{background:#38bdf826;transform:translateY(-2px)}.projetos{padding:96px 0}.projetos-header{max-width:1100px;margin:0 auto 56px}.projetos-label{letter-spacing:.14em;text-transform:uppercase;color:#38bdf8;font-size:.75rem}.projetos-title{margin-top:8px;font-size:2.4rem;font-weight:600}.projetos-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;max-width:1100px;margin:0 auto;display:grid}.projeto-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;transition:transform .45s,border-color .45s,background .45s;display:flex;position:relative;overflow:hidden}.projeto-card:hover{background:#ffffff0a;border-color:#38bdf859;transform:translateY(-8px)}.projeto-img{height:200px;position:relative;overflow:hidden}.projeto-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.projeto-card:hover .projeto-img img{transform:scale(1.08)}.projeto-img:after{content:"";background:linear-gradient(#0000 40%,#0000008c);position:absolute;inset:0}.projeto-content{flex:1;padding:24px}.projeto-content h3{margin-bottom:10px;font-size:1.1rem;font-weight:500}.projeto-content p{color:#9ca3af;font-size:.9rem;line-height:1.6}.projeto-tags{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.projeto-btn{text-align:center;color:#0f172a;background:#38bdf8;border-radius:10px;margin:20px 24px 24px;padding:12px 16px;font-size:.85rem;font-weight:500;transition:filter .3s,transform .3s}.projeto-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}@media (max-width:900px){.hero{margin-top:3rem;padding-top:6rem}.hero-content{text-align:center;grid-template-columns:1fr}.hero-text p{max-width:100%}.hero-photo{margin-top:2rem}.hero-buttons{flex-wrap:wrap;justify-content:center}.stack-tags{justify-content:center}.about-section{padding:5rem 1.5rem}.about-grid{grid-template-columns:1fr;gap:3rem}.about-header{margin-bottom:3rem}.info-card{padding:1.5rem}.services-section{padding:5rem 1.5rem}.services-header{margin-bottom:3rem}.services-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.service-card{padding:2rem}.services-cta{padding:2rem 1.5rem}.projetos{padding:72px 0}.projetos-title{font-size:2rem}.projeto-img{height:180px}}@media (max-width:640px){.hero{margin-top:2rem;padding-top:5rem}.hero h1{font-size:2.2rem}.hero-text p{font-size:.95rem}.hero-buttons{gap:.75rem}.hero-buttons a{justify-content:center;width:100%}.about-section,.services-section{padding:4rem 1.25rem}.service-card{padding:1.5rem}.projetos-grid{grid-template-columns:1fr;gap:1.25rem}.projeto-content{padding:1.25rem}.projeto-content h3{font-size:1rem}.projeto-content p{font-size:.85rem}}@media (prefers-color-scheme:dark){.about-section{background:#0f0f0f}.section-title{color:#f5f5f5}.about-lead{color:#e5e5e5}.about-text{color:#999}.skill-title{color:#f5f5f5}.skill-list span{color:#e5e5e5;background:#1a1a1a;border-color:#2d2d2d}.skill-list span:hover{color:#667eea;border-color:#667eea}.info-card{background:#1a1a1a;border-color:#2d2d2d}.info-item{border-color:#2d2d2d}.info-value{color:#f5f5f5}.cta-button{color:#1a1a1a;background:#f5f5f5}.cta-button:hover{background:#fff}.cta-link{color:#f5f5f5;background:#1a1a1a;border-color:#2d2d2d}.cta-link:hover{border-color:#f5f5f5}.services-section{background:#0a0a0a}.section-description{color:#999}.service-card{background:#1a1a1a;border-color:#2d2d2d}.service-card:hover{border-color:#667eea;box-shadow:0 10px 30px #0000004d}.service-icon{background:#0f0f0f;border-color:#2d2d2d}.service-title{color:#f5f5f5}.service-description{color:#999}.services-cta{background:#1a1a1a;border-color:#2d2d2d}.cta-text{color:#e5e5e5}.cta-button-alt{color:#1a1a1a;background:#f5f5f5}.cta-button-alt:hover{background:#fff}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes pulse-glow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}@keyframes ambient-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-10%,10%)scale(1.1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes gradient-rotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}
*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif}