body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(135deg,#e0eafc,#cfdef3);color:#2d3748;font-family:Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;margin:0;scroll-behavior:smooth}.App{overflow-x:hidden}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:120px 20px;position:relative;text-align:center}.hero h1{animation:fadeIn 1.5s ease-in-out;font-size:3rem;margin-bottom:1rem}.hero .subtitle{color:#f0f0f0;font-size:1.3rem;margin:0 auto 1.5rem;max-width:700px}.intro-details{font-size:1rem;margin:0 auto;max-width:800px;opacity:.9}.section-header{margin-bottom:3rem;text-align:center}.section-title{-webkit-text-fill-color:#0000;animation:titleGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:.5rem}.section-subtitle{color:#4a5568;font-size:1.1rem;margin:0 auto;max-width:500px}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.project-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #ffffff40;border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.project-card:hover{box-shadow:0 20px 40px #0003;transform:translateY(-10px) scale(1.02)}.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.project-header h3{font-size:1.3rem;margin:0}.project-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;font-size:.8rem;padding:4px 12px}.project-btn,.project-tag{color:#fff;font-weight:500}.project-btn{align-items:center;background:linear-gradient(135deg,#4299e1,#3182ce);border-radius:50px;display:inline-flex;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.project-btn:hover{box-shadow:0 5px 15px #4299e166;transform:translateX(5px)}.contact{background:#f9fafc;padding:80px 20px;text-align:center}.contact h2{font-size:2rem;margin-bottom:1rem}.social-links{margin-top:1.5rem}.social-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;color:#fff;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;margin:5px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.social-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-3px)}.social-btn i{font-size:1.2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes titleGlow{0%{opacity:1}to{opacity:.8}}@media (max-width:768px){.hero h1{font-size:2.2rem}.section-title{font-size:2rem}.projects-grid{grid-template-columns:1fr}}.btn-resume{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;color:#fff;display:inline-block;font-size:1rem;font-weight:600;margin-top:20px;overflow:hidden;padding:12px 28px;position:relative;text-decoration:none;transition:all .3s ease;z-index:2}.btn-resume:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-resume:hover:before{left:100%}.btn-resume:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-3px)}.bg-animation{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.electronics-icon{animation:floatIcons 8s ease-in-out infinite;color:#764ba2;filter:drop-shadow(0 0 8px rgba(118,75,162,.6));font-size:60px;opacity:.2;position:absolute}.icon-esp{animation-delay:0s;color:#ff4d4d;left:15%;top:20%}.icon-robot{animation-delay:2s;color:#4fd1c5;right:10%;top:50%}.icon-solder{animation-delay:4s;bottom:15%;color:#f6ad55;left:50%}@keyframes floatIcons{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.projects{background:radial-gradient(circle at top left,#f5f7fa,#c3cfe2);position:relative}
/*# sourceMappingURL=main.813980bd.css.map*/