@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&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}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;overflow-x:hidden}.App,body{background:linear-gradient(135deg,#0f0f23,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#533483);background-attachment:fixed;min-height:100vh}.App{position:relative;text-align:center}.hero-container{align-items:center;background:none;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative}.particles{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.particle{animation:float 6s ease-in-out infinite;background:#fff9;border-radius:50%;height:2px;position:absolute;width:2px}.geometric-bg{height:100%;left:0;opacity:.15;position:absolute;top:0;width:100%;z-index:1}.tech-icon{animation:float 8s ease-in-out infinite;filter:brightness(.8) contrast(.8);height:60px;opacity:.6;position:absolute;width:60px}.tech-icon-1{animation-delay:0s;left:8%;top:8%}.tech-icon-2{animation-delay:-1.5s;right:12%;top:20%}.tech-icon-3{animation-delay:-3s;left:15%;top:35%}.tech-icon-4{animation-delay:-4.5s;right:8%;top:50%}.tech-icon-5{animation-delay:-6s;left:5%;top:65%}.tech-icon-6{animation-delay:-7.5s;right:15%;top:80%}.tech-icon-7{animation-delay:-9s;bottom:15%;left:25%}.tech-icon-8{animation-delay:-10.5s;left:45%;top:5%}@keyframes float{0%,to{opacity:.6;transform:translateY(0) rotate(0deg)}50%{opacity:.8;transform:translateY(-15px) rotate(5deg)}}.top-right-nav{display:flex;gap:2rem;position:absolute;right:2rem;top:2rem;z-index:100}.hero-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fffc;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.hero-link:hover{background:#64ffda1a;border-color:#64ffda4d;color:#64ffda;transform:translateY(-2px)}.hero-content{max-width:800px;padding:0 2rem;position:relative;text-align:center;z-index:10}.hero-title{-webkit-text-fill-color:#0000;animation:fadeInUp 1s ease-out;background:linear-gradient(135deg,#fff,#64ffda 50%,#bb86fc);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;margin-bottom:1rem}.hero-subtitle{animation:fadeInUp 1s ease-out .2s both;font-size:clamp(1.2rem,3vw,1.8rem);line-height:1.6;margin-bottom:3rem}.hero-subtitle,.web-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64ffda,#bb86fc);-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,monospace}.role-alt,.web-highlight{font-weight:500}.role-alt{color:#bb86fc;font-family:JetBrains Mono,monospace}.hero-btn{animation:fadeInUp 1s ease-out .4s both;background:linear-gradient(135deg,#64ffda,#bb86fc);border:none;border-radius:50px;box-shadow:0 10px 30px #64ffda4d;color:#0f0f23;display:inline-block;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;transition:all .3s ease}.hero-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.hero-btn:hover{box-shadow:0 15px 40px #64ffda66;transform:translateY(-3px)}.hero-btn:hover:before{left:100%}.down-arrow{animation:bounce 2s infinite,fadeInUp 1s ease-out .6s both;color:#fff9;cursor:pointer;font-size:2rem;margin-top:2rem;transition:all .3s ease}.down-arrow:hover{color:#64ffda;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.stars{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:-1}.star{animation:twinkle 2s infinite alternate;background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}.portfolio-section{align-items:center;background:none;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:5rem 2rem;position:relative}.portfolio-section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64ffda,#bb86fc);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;margin-bottom:1rem;text-align:center;z-index:10}.portfolio-section-underline{background:linear-gradient(135deg,#64ffda,#bb86fc);border-radius:2px;height:4px;margin:0 auto 3rem;width:100px}.contact-section{align-items:center;background:none;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:5rem 2rem}.about-columns{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 8px 32px #0000004d;display:flex;gap:3rem;margin:0 auto;max-width:1200px;padding:3rem}.profile-photo-box{flex-shrink:0}.profile-photo-img{border:4px solid #64ffda;border-radius:50%;box-shadow:0 8px 32px #64ffda4d;height:200px;object-fit:cover;width:200px}.about-me-box{flex:1 1}.about-me-header{color:#64ffda;font-size:2.5rem;font-weight:600;margin-bottom:1.5rem}.about-me-text{color:#ffffffe6;font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.skills-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-bottom:2rem}.skill-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:center;padding:1.5rem;transition:all .3s ease}.skill-item:hover{background:#64ffda1a;border-color:#64ffda4d;transform:translateY(-5px)}.skill-icon{background:#0000;display:block;object-fit:contain}.aws-icon,.js-icon,.mysql-icon,.skill-icon{height:65px;width:65px}.js-icon{display:block;margin:0 auto}.css-icon,.html-icon{height:65px;width:65px}.docker-icon,.ts-icon{height:45px;width:45px}.skills-bubble-container{text-align:center}.skills-bubble{background:linear-gradient(135deg,#64ffda,#bb86fc);border-radius:25px;color:#0f0f23;display:inline-block;font-size:1rem;font-weight:600;max-width:80%;min-width:300px;padding:1rem 2rem}.experience-cards-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));max-width:1200px;width:100%;z-index:10}.experience-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 8px 32px #0000004d;padding:2rem;text-align:center;transition:all .3s ease}.experience-card:hover{border-color:#64ffda4d;box-shadow:0 15px 40px #64ffda33;transform:translateY(-10px)}.experience-logo{border-radius:12px;height:80px;margin-bottom:1rem;object-fit:contain;width:80px}.experience-role{color:#64ffda;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.experience-date{color:#bb86fc;font-size:1rem;font-style:italic;font-weight:400;margin-bottom:.5rem}.experience-company-under-logo,.experience-company-under-logo a{color:#bb86fc;font-size:1.1rem;font-weight:500;text-decoration:none}.experience-company-under-logo a:hover,.experience-company-under-logo:hover{color:#64ffda}.experience-desc{color:#fffc;font-size:.95rem;line-height:1.6;margin:1rem 0}.experience-skills-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.experience-skill-bubble{background:#64ffda1a;border:1px solid #64ffda4d;border-radius:15px;color:#64ffda;font-size:.8rem;padding:.4rem .8rem}.portfolio-section-content{max-width:1200px;width:100%;z-index:10}.portfolio-section-content ul{list-style:none;padding:0}.portfolio-section-content li{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 8px 32px #0000004d;margin-bottom:2rem;padding:2rem;transition:all .3s ease}.portfolio-section-content li:hover{border-color:#64ffda4d;box-shadow:0 15px 40px #64ffda33;transform:translateY(-5px)}.project-header{margin-bottom:1.5rem}.project-header strong{color:#64ffda;display:block;font-size:1.5rem;margin-bottom:1rem}.project-desc{color:#fffc;font-size:1rem;line-height:1.6}.project-screenshot-container{border-radius:12px;margin:1.5rem 0;overflow:hidden;position:relative}.project-screenshot-img{border-radius:12px;height:auto;transition:transform .3s ease;width:100%}.project-screenshot-container:hover .project-screenshot-img{transform:scale(1.02)}.project-links-on-image{display:flex;gap:.5rem;position:absolute;right:1rem;top:1rem}.project-link-icon{align-items:center;background:#ffffffe6;border-radius:50%;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.project-link-icon:hover{background:#64ffda;transform:scale(1.1)}.project-icon-img{height:20px;width:20px}.project-skills-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.project-skill-bubble{background:#bb86fc1a;border:1px solid #bb86fc4d;border-radius:15px;color:#bb86fc;font-size:.8rem;padding:.4rem .8rem}.contact-message{color:#fffc;font-size:1.1rem;margin-bottom:2rem;max-width:600px;text-align:center}.contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:1.5rem;max-width:600px;padding:2rem;width:100%}.contact-label{color:#64ffda;font-weight:500;margin-bottom:.5rem;text-align:left}.contact-input,.contact-textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease}.contact-input:focus,.contact-textarea:focus{background:#64ffda0d;border-color:#64ffda;outline:none}.contact-input::placeholder,.contact-textarea::placeholder{color:#ffffff80}.contact-submit{background:linear-gradient(135deg,#64ffda,#bb86fc);border:none;border-radius:50px;box-shadow:0 8px 32px #64ffda4d;color:#0f0f23;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.contact-submit:hover:not(:disabled){box-shadow:0 15px 40px #64ffda66;transform:translateY(-3px)}.contact-submit:disabled{cursor:not-allowed;opacity:.6}.petal-fall-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.rose-petal{animation:petalFall 10s linear infinite;position:absolute}.petal0{animation-delay:0s;left:10%}.petal1{animation-delay:1s;left:20%}.petal2{animation-delay:2s;left:30%}.petal3{animation-delay:3s;left:40%}.petal4{animation-delay:4s;left:50%}.petal5{animation-delay:5s;left:60%}@keyframes petalFall{0%{opacity:0;transform:translateY(-100px) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}@media (max-width:768px){.top-right-nav{gap:1rem;right:1rem;top:1rem}.hero-link{font-size:.9rem;padding:.4rem .8rem}.hero-content{padding:0 1rem}.hero-subtitle{margin-bottom:2rem}.hero-btn{font-size:1rem;padding:.8rem 2rem}.about-columns{flex-direction:column;padding:2rem;text-align:center}.experience-cards-container{grid-template-columns:1fr}.portfolio-section{padding:3rem 1rem}.contact-form{padding:1.5rem}}@media (max-width:480px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.about-me-header,.portfolio-section-title{font-size:2rem}}
/*# sourceMappingURL=main.2df2c368.css.map*/