@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap);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}:root{--font-heading:"Playfair Display",serif;--font-body:"Poppins",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;font-family:var(--font-body);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-family:var(--font-heading);font-weight:600}.App{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);color:#fff;min-height:100vh}.header{background:#0000;font-family:var(--font-body);left:0;padding:1.2rem 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;box-shadow:0 2px 10px #0000004d;padding:1rem 0}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-container,.logo{align-items:center;display:flex}.logo{z-index:100}.logo-text{color:#64ffda;font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:2px}.desktop-nav{align-items:center;display:flex;gap:2rem}.nav-links{display:flex;gap:3rem;list-style:none}.nav-link{background:none;border:none;color:#fff;cursor:pointer;font-family:var(--font-body);font-size:1.1rem;font-weight:500;letter-spacing:.5px;padding:.5rem;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:after{background:#64ffda;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover{color:#64ffda}.nav-link:hover:after{width:100%}.nav-link.active{color:#64ffda}.nav-link.active:after{background:#64ffda;width:100%}.resume-btn{background:#0000;border:1px solid #64ffda;border-radius:4px;color:#64ffda;cursor:pointer;font-family:var(--font-heading);font-size:1.1rem;letter-spacing:1px;padding:.8rem 1.8rem;transition:all .3s ease}.resume-btn:hover{background:#64ffda1a;box-shadow:0 4px 12px #64ffda33;transform:translateY(-2px)}.hamburger{cursor:pointer;display:none;z-index:100}.hamburger-lines{display:flex;flex-direction:column;height:20px;justify-content:space-between;position:relative;width:30px}.hamburger-lines span{background:#64ffda;display:block;height:2px;transition:all .3s ease;width:100%}.hamburger-lines.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-lines.open span:nth-child(2){opacity:0}.hamburger-lines.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a192ff2;display:none;height:calc(100vh - 70px);padding:2rem;position:fixed;right:0;top:70px;width:100%}.mobile-nav-links{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:2rem 0}.mobile-nav-links li{text-align:center;width:100%}.mobile-resume{margin-top:2rem;width:200px}@media (max-width:1024px){.nav-links{gap:2rem}}@media (max-width:768px){.desktop-nav{display:none}.hamburger,.mobile-nav{display:block}.header-container{padding:0 1.5rem}.logo-text{font-size:2rem}}@media (max-width:430px){.mobile-nav{padding:2.5rem 3rem}.header-container{padding:0 2rem}.hamburger{margin-right:1.5rem}}@media (max-width:414px){.mobile-nav{padding:2rem 2.5rem}.header-container{padding:0 2.5rem}}@media (max-width:390px){.mobile-nav{padding:2rem}}@media (max-width:375px){.mobile-nav{padding:2rem 3.5rem}.header-container{padding:0 2.5rem}.logo-text{font-size:1.6rem}}@media (max-width:360px){.mobile-nav{padding:2rem 3.5rem}.header-container{padding:0 2.5rem}.hamburger{margin-right:1rem}}@media (max-width:344px){.mobile-nav{padding:2rem 4rem}.header-container{padding:0 3rem}.hamburger{margin-right:1.5rem}}.particles-bg{height:100%;left:0;opacity:.6;position:absolute!important;top:0;width:100%;z-index:2}.hero-section{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;background:#0a0a0a;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0 2rem;position:relative;width:100%}.hero-section:before{background:linear-gradient(135deg,#0a0a0ad9,#1a1a1af7 50%,#0a0a0af2);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.hero-content{max-width:800px;position:relative;text-align:center;width:100%;z-index:2}.hero-title{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.greeting{color:#64ffda;font-size:1.5rem;font-weight:500}.name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#64ffda,#00bcd4);-webkit-background-clip:text;background-clip:text;background-image:repeating-linear-gradient(90deg,#64ffda,#64ffda 2px,#0000 0,#0000 4px);background-size:6px 100%;font-family:Doto,sans-serif;font-size:4.5rem;font-weight:700;line-height:1.1;position:relative;text-shadow:0 0 20px #64ffda4d}.title{color:#8892b0;display:block;font-size:3rem;margin-top:1rem}.hero-description{color:#8892b0;font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem}.hero-cta{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.primary-btn,.secondary-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.primary-btn{background:#64ffda;border:none;box-shadow:0 4px 6px #64ffda33;color:#0a192f}.primary-btn:hover{box-shadow:0 8px 15px #64ffda4d;transform:translateY(-2px)}.secondary-btn{background:#0000;border:2px solid #64ffda;color:#64ffda}.secondary-btn:hover{background:#64ffda1a;transform:translateY(-2px)}.hero-social{bottom:0;display:flex;flex-direction:column;gap:1.5rem;left:2rem;padding:1rem;position:fixed;z-index:3}.social-icon-wrapper{align-items:center;display:flex;gap:.75rem;overflow:hidden;padding:.5rem;position:relative}.social-icon{color:#8892b0;font-size:1.75rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.social-name{color:#8892b0;font-size:1.2rem;opacity:0;transform:translateX(-10px);transition:all .3s ease}.hero-social a{text-decoration:none;transition:all .3s ease}.hero-social a:hover .social-icon{color:#64ffda;transform:translateY(-3px) rotate(8deg)}.hero-social a:hover .social-name{color:#64ffda;opacity:1;transform:translateX(0)}.hero-image-container{height:400px;overflow:hidden;position:absolute;right:0;top:10rem;width:400px;z-index:2}.hero-image{border-bottom-left-radius:30%;box-shadow:-5px 5px 20px #0000004d;height:100%;object-fit:cover;opacity:.8;width:100%}@media (max-width:768px){.hero-image-container{height:300px;width:300px}}@media (max-width:480px){.hero-image-container{display:none}}@media (max-width:768px){.name{font-size:3rem}.title{font-size:2rem}.hero-description{font-size:1.1rem}.hero-social{flex-direction:row;justify-content:center;left:0;margin-top:3rem;position:relative}.social-name{display:none}.hero-cta{align-items:center;flex-direction:column;gap:1rem}.primary-btn,.secondary-btn{max-width:250px;width:100%}}@media (max-width:360px){.hero-section{padding:0 1.5rem;width:100vw}.name{font-size:2.5rem}.title{font-size:1.8rem}.hero-description{font-size:1rem;padding:0 .5rem}}@media (max-width:344px){.hero-section{padding:0 1rem;width:100vw}.name{font-size:2.2rem}.title{font-size:1.6rem}}@media (max-width:375px){.hero-section{padding-top:10.5rem;width:100vw}.hero-description{font-size:1rem;margin-right:2rem}}@media (max-width:390px){.hero-section{padding:0 1rem;width:110vw}.name{font-size:2.2rem}.title{font-size:1.6rem}}@media (max-width:414px){.hero-description{font-size:1rem;margin-right:3.5rem;padding:0 .5rem}}.about-section{background:#0a0a0a;color:#fff;padding:8rem 0}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-active{opacity:1;transform:translateY(0)}.bounce-in{opacity:0;transform:translateY(100px);visibility:hidden}.bounce-in-active{animation:bounceInEffect 1s cubic-bezier(.36,0,.66,-.56) forwards;opacity:1;transform:translateY(0);visibility:visible}@keyframes bounceInEffect{0%{opacity:0;transform:translateY(100px)}50%{opacity:.5;transform:translateY(-20px)}75%{opacity:.75;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.about-container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-title{display:inline-block;margin-bottom:3rem}.section-title:after{background:linear-gradient(90deg,#64ffda,#0000);left:0;width:60%}.about-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.about-text{color:#8892b0;font-size:1.1rem;line-height:1.8}.bio{margin-bottom:2rem}.timeline{list-style:none;padding:0}.timeline li{margin-bottom:1.5rem;padding-left:2rem;position:relative}.timeline li:before{background:#64ffda;border-radius:50%;content:"";height:12px;left:0;position:absolute;top:8px;width:12px}.date{color:#64ffda;font-weight:600;margin-right:1rem}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.skill-card{background:#64ffda0d;border-radius:8px;padding:1.5rem;transition:transform .3s ease}.skill-card:hover{background:#64ffda1a;transform:translateY(-5px)}.skill-name{color:#fff;display:block;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.skill-level{background:linear-gradient(90deg,#64ffda 85%,#1a1a1a 0);border-radius:2px;height:4px}@media (max-width:768px){.about-grid{gap:2rem;grid-template-columns:1fr}.skills-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:0 1rem}.skill-card{padding:1.2rem}}@media (max-width:480px){.skills-grid{gap:1rem;grid-template-columns:repeat(2,1fr);padding:0 .8rem}.skill-card{padding:1rem}}@media (max-width:390px){.about-section{width:110vw}}@media (max-width:375px){.about-section p{margin-right:1.2rem}.skills-grid{gap:.8rem;grid-template-columns:repeat(2,1fr);padding:0 .5rem}.skill-card{padding:.8rem}}.skills-section{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;padding:8rem 0}.skills-container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-title{position:relative}.section-title:after{background:linear-gradient(90deg,#0000,#64ffda,#0000);bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.skills-categories{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.category-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:12px;padding:2rem;transition:transform .3s ease}.category-card:hover{transform:translateY(-5px)}.category-title{color:#64ffda;font-size:1.5rem;margin-bottom:2rem;text-align:center}.skills-list{display:flex;flex-direction:column;gap:1.5rem}.skill-item{width:100%}.skill-header{align-items:center;display:flex;margin-bottom:.5rem}.skill-icon{font-size:1.5rem;margin-right:1rem}.skill-name{color:#8892b0;flex:1 1}.skill-percentage{color:#64ffda;font-weight:600}.skill-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.skill-progress{background:linear-gradient(90deg,#64ffda,#00bcd4);border-radius:4px;height:100%;transition:width 1s ease-in-out}@media (max-width:768px){.skills-categories{grid-template-columns:1fr}.category-card{padding:1.5rem}}@media (max-width:390px){.skills-section{width:110vw}}@media (max-width:375px){.skills-section{margin-right:2.3rem}}.projects-section{background:#0a0a0a;color:#fff;padding:8rem 0}.projects-container{margin:0 auto;max-width:1200px;padding:0 2rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-card{background:#1a1a1a;border-radius:12px;box-shadow:0 4px 20px #0003;overflow:hidden;transition:transform .3s ease}.project-card:hover{transform:translateY(-10px)}.project-image{height:200px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-overlay{align-items:center;background:#0a0a0ae6;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem}.project-link{background:#64ffda;border-radius:4px;color:#0a0a0a;font-weight:600;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.project-link:hover{background:#4ad3b3;transform:scale(1.05)}.project-info{padding:1.5rem}.project-title{color:#fff;font-size:1.5rem;margin-bottom:1rem}.project-description{color:#8892b0;line-height:1.6;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.8rem}.tech-tag{background:#64ffda1a;border-radius:4px;color:#64ffda;font-size:.9rem;padding:.4rem .8rem}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.project-card{max-width:100%}}@media (max-width:390px){.projects-section{width:110vw}}.contact-section{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);color:#fff;padding:8rem 0}.contact-container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-title{color:#64ffda;font-size:2.5rem;margin-bottom:4rem;text-align:center}.contact-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1.5fr}.contact-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:12px;padding:2rem}.info-item{align-items:center;display:flex;margin-bottom:2rem}.info-icon{font-size:2rem;margin-right:1rem}.info-details h3{color:#64ffda;margin-bottom:.5rem}.info-details p{color:#8892b0}.social-links{display:flex;gap:1rem;margin-top:2rem}.social-links a{border:1px solid #64ffda;border-radius:4px;color:#64ffda;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.social-links a:hover{background:#64ffda;color:#0a0a0a}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid #64ffda33;border-radius:4px;color:#fff;font-size:1rem;padding:1rem;width:100%}.form-group textarea{height:150px;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#64ffda;outline:none}.submit-btn{background:#64ffda;border:none;border-radius:4px;color:#0a0a0a;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.submit-btn:hover{background:#4ad3b3;transform:translateY(-2px)}.status-popup{animation:slideIn .5s ease-in-out;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-weight:500;padding:15px 25px;position:fixed;right:20px;top:20px;z-index:1000}.status-popup.success{background-color:#4caf50}.status-popup.error{background-color:#f44336}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:768px){.contact-content{grid-template-columns:1fr}.contact-info{order:2}.contact-form{order:1}}@media (max-width:390px){.contact-section{width:110vw}}
/*# sourceMappingURL=main.231a631c.css.map*/