*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;--bg-primary: rgba(255, 255, 255, .85);--bg-secondary: rgba(248, 249, 250, .8);--text-primary: #1a1a1a;--text-secondary: #6c757d;--accent: #6366f1;--accent-light: #818cf8;--border: rgba(255, 255, 255, .3);--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .2);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--bg-primary: rgba(26, 26, 26, .85);--bg-secondary: rgba(36, 36, 36, .8);--text-primary: #ffffff;--text-secondary: #b0b0b0;--accent: #818cf8;--accent-light: #a5b4fc;--border: rgba(255, 255, 255, .2);--shadow: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .5)}}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#000,#0a0a0a,#050505);color:var(--text-primary);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.02) 0%,transparent 50%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.15) 0%,transparent 2%),radial-gradient(circle at 20% 60%,rgba(139,92,246,.12) 0%,transparent 1.5%),radial-gradient(circle at 30% 40%,rgba(59,130,246,.1) 0%,transparent 1.8%),radial-gradient(circle at 40% 80%,rgba(168,85,247,.15) 0%,transparent 2%),radial-gradient(circle at 50% 10%,rgba(99,102,241,.12) 0%,transparent 1.5%),radial-gradient(circle at 60% 50%,rgba(139,92,246,.1) 0%,transparent 1.8%),radial-gradient(circle at 70% 30%,rgba(59,130,246,.15) 0%,transparent 2%),radial-gradient(circle at 80% 70%,rgba(168,85,247,.12) 0%,transparent 1.5%),radial-gradient(circle at 90% 20%,rgba(99,102,241,.1) 0%,transparent 1.8%),radial-gradient(circle at 15% 90%,rgba(139,92,246,.15) 0%,transparent 2%),radial-gradient(circle at 25% 15%,rgba(59,130,246,.12) 0%,transparent 1.5%),radial-gradient(circle at 35% 75%,rgba(168,85,247,.1) 0%,transparent 1.8%),radial-gradient(circle at 45% 25%,rgba(99,102,241,.15) 0%,transparent 2%),radial-gradient(circle at 55% 65%,rgba(139,92,246,.12) 0%,transparent 1.5%),radial-gradient(circle at 65% 35%,rgba(59,130,246,.1) 0%,transparent 1.8%),radial-gradient(circle at 75% 85%,rgba(168,85,247,.15) 0%,transparent 2%),radial-gradient(circle at 85% 45%,rgba(99,102,241,.12) 0%,transparent 1.5%),radial-gradient(circle at 95% 55%,rgba(139,92,246,.1) 0%,transparent 1.8%);background-size:100% 100%;animation:bubbleFloat 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes bubbleFloat{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(20px,-30px) scale(1.1);opacity:.8}50%{transform:translate(-15px,20px) scale(.9);opacity:.7}75%{transform:translate(30px,10px) scale(1.05);opacity:.8}}#root{width:100%;min-height:100vh;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5em;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1em;color:var(--text-secondary)}a{color:var(--accent);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-light)}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}button{font-family:inherit;cursor:pointer;border:none;transition:all .3s ease}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media(max-width:768px){.container{padding:0 1rem}}.section{padding:4rem 0}@media(max-width:768px){.section{padding:3rem 0}}.app{width:100%;min-height:100vh;position:relative;z-index:1}.bubbles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.bubble{position:absolute;bottom:-100px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#6366f133,#8b5cf626);box-shadow:0 0 10px #6366f126,0 0 20px #8b5cf61a,inset 0 0 20px #ffffff0d;animation:bubbleRise linear infinite;opacity:.4}.bubble:nth-child(odd){background:radial-gradient(circle at 30% 30%,#3b82f633,#6366f126);box-shadow:0 0 10px #3b82f626,0 0 20px #6366f11a,inset 0 0 20px #ffffff0d}.bubble:nth-child(3n){background:radial-gradient(circle at 30% 30%,#a855f733,#8b5cf626);box-shadow:0 0 10px #a855f726,0 0 20px #8b5cf61a,inset 0 0 20px #ffffff0d}@keyframes bubbleRise{0%{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) translate(50px) scale(1.2);opacity:0}}.hero{background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;padding:6rem 0;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;z-index:1}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:rotate 20s linear infinite;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-content{position:relative;z-index:2}.profile-image-wrapper{margin:0 auto 2rem;width:150px;height:150px;border-radius:50%;display:flex;justify-content:center;align-items:center;animation:floatLogo 4s ease-in-out infinite;position:relative}.profile-image-wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.3) 0%,transparent 70%);animation:pulseGlow 2s ease-in-out infinite;z-index:-1}.profile-image{width:100%;height:100%;object-fit:contain;padding:10px}@keyframes floatLogo{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(2deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-20px) rotate(-2deg)}}@keyframes pulseGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes rotateRing{0%{transform:translate(-50%,-50%) rotate(0);opacity:.3}50%{opacity:.6}to{transform:translate(-50%,-50%) rotate(360deg);opacity:.3}}@keyframes logoShimmer{0%,to{opacity:1;filter:drop-shadow(0 0 15px rgba(255,255,255,.5)) drop-shadow(0 0 30px rgba(99,102,241,.4)) drop-shadow(0 0 45px rgba(139,92,246,.3))}50%{opacity:.9;filter:drop-shadow(0 0 20px rgba(255,255,255,.7)) drop-shadow(0 0 40px rgba(99,102,241,.6)) drop-shadow(0 0 60px rgba(139,92,246,.5))}}.hero-name{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.3);background:linear-gradient(45deg,#fff,#f0f0f0,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-tagline{font-size:1.25rem;opacity:.95;font-weight:300;color:#fff}.hero-bio{font-size:1.125rem;line-height:1.8;opacity:.95;font-weight:300;color:#fff;max-width:700px;margin:0 auto;padding:0 1rem}@media(max-width:768px){.hero{padding:4rem 0}.profile-image-wrapper{width:150px;height:150px;margin-bottom:1.5rem}.hero-name,.hero-tagline{font-size:1rem}.hero-bio{font-size:1rem;padding:0 1.5rem}}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--text-primary);position:relative;padding-bottom:1rem}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--accent);border-radius:2px}@media(max-width:768px){.section-title{font-size:2rem;margin-bottom:2rem}}.about{background-color:var(--bg-primary)}.about-content{max-width:800px;margin:0 auto;text-align:center}.bio-text{font-size:1.125rem;line-height:1.8;color:var(--text-secondary)}@media(max-width:768px){.bio-text{font-size:1rem}}.portfolio{background-color:var(--bg-secondary)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.gallery-item{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 4px 6px var(--shadow);transition:transform .3s ease,box-shadow .3s ease;aspect-ratio:4 / 3;background-color:var(--bg-secondary)}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 8px 15px var(--shadow-hover)}.gallery-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.gallery-item:hover .gallery-image{transform:scale(1.05)}@media(max-width:768px){.gallery{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}}@media(max-width:480px){.gallery{grid-template-columns:1fr}}.services{background-color:var(--bg-primary)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.service-card{background-color:var(--bg-secondary);padding:2rem;border-radius:8px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border)}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px var(--shadow)}.service-title{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.service-description{color:var(--text-secondary);line-height:1.6}@media(max-width:768px){.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:1.5rem}}.contact{background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:1}.contact-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:800px;margin:0 auto}.contact-button{display:flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0;background:radial-gradient(circle at 30% 30%,#1e1e28cc,#14141ee6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border-radius:50%;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 15px #00000080,0 0 30px #0000004d,inset 0 0 20px #0003;border:2px solid rgba(99,102,241,.3);position:relative;overflow:visible;animation:contactBubbleFloat 3s ease-in-out infinite}.contact-button:nth-child(odd){animation-delay:.5s}.contact-button:nth-child(2n){animation-delay:1s}.contact-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#6366f133;transform:translate(-50%,-50%);transition:width .4s,height .4s}.contact-button:hover:before{width:80px;height:80px}.contact-button:hover{transform:translateY(-8px) scale(1.15);box-shadow:0 0 25px #6366f166,0 0 50px #6366f133,0 10px 30px #0009,inset 0 0 30px #0000004d;border-color:#6366f180}@keyframes contactBubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.contact-button span,.contact-button svg{position:relative;z-index:1}.contact-button svg{flex-shrink:0;width:24px;height:24px}.contact-button.email,.contact-button.phone,.contact-button.whatsapp,.contact-button.instagram,.contact-button.website{background:radial-gradient(circle at 30% 30%,#1e1e28cc,#14141ee6);border-color:#6366f14d}.contact-button.email:hover,.contact-button.phone:hover,.contact-button.whatsapp:hover,.contact-button.instagram:hover,.contact-button.website:hover{background:radial-gradient(circle at 30% 30%,#282832e6,#1e1e28f2);color:#fff;border-color:#6366f180}@media(max-width:768px){.contact-buttons{gap:1.5rem}.contact-button{width:55px;height:55px}.contact-button svg{width:22px;height:22px}}.footer{background-color:var(--bg-primary);border-top:1px solid var(--border);padding:2rem 0;text-align:center;color:var(--text-secondary);font-size:.9rem}@media(max-width:768px){.footer{padding:1.5rem 0;font-size:.85rem}}