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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#000,#000);color:#fff;font-family:Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.App{display:flex;flex-direction:column;min-height:100vh}footer,header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0003;padding:1rem;text-align:center}.hero-section{align-items:center;display:flex;height:100vh;justify-content:center;margin-bottom:4rem;overflow:hidden;position:relative}.hero-content{animation:fadeIn 1s ease-in-out;max-width:800px;padding:2rem;text-align:center;z-index:2}.hero-content h1{font-size:4rem;text-shadow:2px 2px 4px #0000004d}.hero-content p{font-size:1.5rem;margin-bottom:3rem;margin-top:3rem;opacity:.9}.cta-button{background-color:initial;border:1px solid #fa9e8d80;border-radius:30px;color:#fff;cursor:pointer;font-size:1.2rem;overflow:hidden;padding:1rem 3rem;position:relative;transition:all .3s ease}.cta-button:hover{background-color:#fa9e8d1a;border-color:#fa9e8d;transform:translateY(-3px)}.fade-in-up{animation:fadeInUp 1s ease forwards}.fade-in-up-delay{animation:fadeInUp 1.2s ease forwards}.fade-in-up-delay2{animation:fadeInUp 1.4s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}section:not(.hero-section){color:#fff;margin:6rem auto;max-width:1200px;position:relative;width:80%}main{align-items:center;background:linear-gradient(180deg,#000,#fa9d8dc7);display:flex;flex:1 1;flex-direction:column;padding:0}footer p{font-size:.9rem}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.2rem}.cta-button{font-size:.9rem;padding:.8rem 2rem}}.header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:background .3s ease;z-index:999}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.logo{color:var(--main-color);font-size:1.3rem;font-weight:700}.menu-icon{cursor:pointer;display:none;flex-direction:column;gap:5px}.bar{background-color:#fff;height:3px;transition:.4s;width:25px}.nav-left a{color:#fff;font-size:1rem;padding:.6rem .8rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-left a:after{background-color:#fa9d8dc7;bottom:0;content:"";height:2px;left:50%;position:absolute;transition:all .3s ease;width:0}.nav-left a:hover:after{left:0;width:100%}.nav-left a:hover{color:#fa9d8dc7}.nav-left.open{background:#000000e6;border-radius:8px;display:block;padding:1rem 2rem;position:absolute;right:0;top:60px}.nav-left.open a{display:block;margin:1rem 0}.social-links{display:flex;gap:1.2rem}.social-links a img{height:30px;transition:transform .5s;width:30px}.social-links a img:hover{transform:scale(1.3) rotate(1turn)}.change .bar1{transform:rotate(-45deg) translate(-5px,5px)}.change .bar2{opacity:0}.change .bar3{transform:rotate(45deg) translate(-5px,-5px)}@media (max-width:768px){.menu-icon{display:flex}.nav-left{display:none}}.about-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-radius:20px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;min-height:100vh;padding:6rem 2rem;width:100%}.about-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fa9e8d,#fff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:3rem;padding-bottom:1rem;position:relative;text-align:center}.about-content p{color:#eee;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;opacity:.9}.about-content p:last-child{margin-bottom:2.5rem}.timeline{border-left:2px solid #fa9e8d4d;margin-top:4rem;padding-left:2rem;position:relative}.timeline-item{background:#ffffff08;border-radius:15px;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.timeline-item:hover{background:#ffffff0d;transform:translateX(10px)}.timeline-item h4{color:#fa9e8d;font-size:1.3rem;margin-bottom:.5rem}.timeline-item span{color:#ffffffb3;display:block;font-size:1rem;margin-top:.5rem}.timeline-item p{color:#ffffffe6;line-height:1.6}.about-container{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 2fr;margin-bottom:4rem}.about-image{border-radius:20px;box-shadow:0 15px 35px #0000004d;overflow:hidden;position:relative;transition:all .4s ease}.about-image:hover{box-shadow:0 20px 40px #fa9e8d33;transform:translateY(-10px)}.about-image img{display:block;height:auto;width:100%}.about-content{color:#eee;font-size:1rem;line-height:1.6}.skills{margin-top:2rem}.skills h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fa9e8d,#fff);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;margin-bottom:1.5rem}.skill-tags{display:flex;flex-wrap:wrap;gap:1rem}.skill-tags span{background:#fa9e8d1a;border:1px solid #fa9e8d4d;border-radius:30px;cursor:default;font-size:.95rem;padding:.4rem .8rem;transition:all .3s ease}.skill-tags span:hover{background:#fa9e8d33;box-shadow:0 5px 15px #fa9e8d33;transform:translateY(-3px)}@media (max-width:768px){.about-container{grid-template-columns:1fr}.about-image{margin-bottom:2rem}.timeline{border-left:none;margin-top:2rem;padding-left:0}.timeline-item:before,.timeline:before{display:none}}#projects{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:6rem 2rem;width:100%}#projects h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fa9e8d,#fff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;overflow:visible;padding:0 1rem;position:relative;text-align:center;width:-webkit-fit-content;width:fit-content}.projects-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,300px);justify-content:center;margin-bottom:2rem;margin-top:2rem;max-width:1200px;width:100%}.project-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;display:flex;flex-direction:column;height:100%;min-height:0;min-height:auto;overflow:hidden;padding:1.5rem 1.5rem 70px;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:300px}.project-card img{border-radius:15px;box-shadow:0 4px 8px #0003;height:200px;margin-bottom:1rem;max-width:100%;object-fit:cover}.project-card h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem;min-height:2.5rem}.project-card p{color:#ddd;flex-grow:1;font-size:1rem;opacity:.8}.project-card:hover{background:#ffffff0d;box-shadow:0 15px 40px #00000080;transform:translateY(-20px)}.project-info-overlay{background:#fa9e8dbf;bottom:-40px;color:#fff;font-size:.9rem;left:0;padding:10px;position:absolute;text-align:center;transition:transform .3s ease;width:100%}.project-card:hover .project-info-overlay{transform:translateY(-40px)}.project-card-link{color:inherit;height:100%;text-decoration:none}.project-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:15px;padding:0 5px}.project-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(45deg,#fa9e8d66,#ffffff26);border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:.75rem;padding:3px 10px;transition:all .3s ease}.project-tag:hover{background:linear-gradient(45deg,#fa9e8d99,#fff3);transform:translateY(-2px)}.contact-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-radius:20px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;min-height:100vh;padding:6rem 2rem;width:100%}.contact-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fa9e8d,#fff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:3rem;padding-bottom:1rem;position:relative;text-align:center}.contact-container{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 2fr;margin:0 auto}.contact-info{background:#ffffff08;border-radius:20px;box-sizing:border-box;padding:2rem;width:100%}.info-item{margin-bottom:2rem}.info-item h3{color:#fa9e8d;font-size:1.2rem;margin-bottom:.5rem}.info-item p{color:#fff;font-size:1.1rem}.social-links-contact{display:flex;gap:1rem}.social-links-contact a img{height:30px;transition:transform .5s;width:30px}.social-links-contact a img:hover{transform:scale(1.3) rotate(1turn)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group textarea{-webkit-autofill:none;background:#ffffff0d!important;border:1px solid #fa9e8d4d;border-radius:20px;color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group textarea{min-height:150px;resize:vertical}.form-group input:focus,.form-group textarea:focus{background:#ffffff1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9;opacity:1}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#fff9;opacity:1}.form-group input::-webkit-input-placeholder,.form-group textarea::-webkit-input-placeholder{color:#fff9;opacity:1}.form-group input:-ms-input-placeholder,.form-group textarea:-ms-input-placeholder{color:#fff9;opacity:1}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover,.form-group textarea:-webkit-autofill,.form-group textarea:-webkit-autofill:focus,.form-group textarea:-webkit-autofill:hover{-webkit-text-fill-color:#fff;-webkit-box-shadow:inset 0 0 0 1000px #ffffff0d;caret-color:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form-group input:focus,.form-group textarea:focus{background:#ffffff1a!important;border-color:#fa9e8d;outline:none}.submit-button{align-self:flex-start;background:#0000;border:1px solid #fa9e8d80;border-radius:20px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;transition:all .3s ease}.submit-button:hover{background:#fa9e8d1a;border-color:#fa9e8d;transform:translateY(-3px)}@media (max-width:768px){.contact-container{gap:2rem;grid-template-columns:1fr}.contact-section{padding:4rem 1rem}.submit-button{width:100%}}.submit-button.sending{cursor:not-allowed;opacity:.7}.form-status{animation:fadeIn .3s ease-in;border-radius:20px;margin-top:1rem;padding:1rem;text-align:center}.form-status.success{background:#4bb5431a;border:1px solid #37d12b;color:#fff}.form-status.error{background:#ff4c4c1a;border:1px solid #df1616;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.fff01117.css.map*/