*{box-sizing:border-box;margin:0;padding:0}body,html{background:radial-gradient(circle at top,#00ffa30f,#0000 30%),linear-gradient(180deg,#030706,#07110f 45%,#030706);color:#f4fff8;font-family:Space Grotesk,Segoe UI,sans-serif;overflow-x:hidden;scroll-behavior:smooth}.app{min-height:100vh;position:relative;width:100%}.canvas-container{height:100vh;left:0;position:fixed;top:0;width:100%;z-index:-2}.content{position:relative;z-index:1}.content:before{background:linear-gradient(#00ffa308 1px,#0000 0),linear-gradient(90deg,#00ffa308 1px,#0000 0);background-size:44px 44px;content:"";inset:0;opacity:.25;pointer-events:none;position:fixed;z-index:-1}.navbar{padding:1.5rem 2rem;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:100}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0c13e6;box-shadow:0 4px 20px #0000004d;padding:1rem 2rem}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.navbar-logo{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#64b5f6,#8c9eff);-webkit-background-clip:text;cursor:pointer;font-size:1.8rem;font-weight:700}.nav-menu{display:flex;list-style:none}.nav-item{margin-left:2rem}.nav-item a{color:#fff;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:color .3s ease}.nav-item a.active,.nav-item a:hover{color:#64b5f6}.nav-item a:after{background-color:#64b5f6;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-item a.active:after,.nav-item a:hover:after{width:100%}.menu-icon{cursor:pointer;display:none}.hamburger{height:24px;position:relative;width:30px}.hamburger span{background:#fff;border-radius:3px;display:block;height:3px;left:0;opacity:1;position:absolute;transform:rotate(0deg);transition:.25s ease-in-out;width:100%}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:10px}.hamburger span:nth-child(3){top:20px}.hamburger.open span:first-child{top:10px;transform:rotate(135deg)}.hamburger.open span:nth-child(2){left:-60px;opacity:0}.hamburger.open span:nth-child(3){top:10px;transform:rotate(-135deg)}.sections{width:100%}section{display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative}.section-container{margin:0 auto;max-width:1200px;opacity:0;transform:translateY(50px);transition:all .8s ease}.section-container.animate-in{opacity:1;transform:translateY(0)}.section-title{display:inline-block;font-size:2.5rem;margin-bottom:3rem;position:relative}.section-title:after{background:linear-gradient(45deg,#00ffa3,#57b8ff);bottom:-10px;content:"";height:4px;left:0;position:absolute;width:60px}.home-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;min-height:100vh;opacity:0;padding:0 2rem;transform:translateY(50px);transition:all .8s ease;width:100%}.home-container.animate-in{opacity:1;transform:translateY(0)}.greeting{color:#64b5f6;font-size:1.5rem}.greeting,.name{margin-bottom:1rem}.name{color:#fff;font-size:4rem;font-weight:700}.title{color:#8c9eff;font-size:2rem;font-weight:600;height:2.5rem;margin-bottom:2rem}.description{font-size:1.2rem;line-height:1.6;margin-bottom:3rem;max-width:600px}.button-container{display:flex;gap:1.5rem}.primary-button,.secondary-button{border-radius:4px;font-size:1rem;font-weight:500;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.primary-button{background:linear-gradient(45deg,#64b5f6,#8c9eff);color:#fff}.secondary-button{background:#0000;border:2px solid #64b5f6;color:#fff}.primary-button:hover{box-shadow:0 10px 20px #64b5f666;transform:translateY(-5px)}.secondary-button:hover{background:#64b5f61a;transform:translateY(-5px)}.about-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 2fr}.about-image{align-items:flex-start}.about-image,.image-placeholder{display:flex;justify-content:center}.image-placeholder{align-items:center;background:linear-gradient(45deg,#64b5f6,#8c9eff);border-radius:20px;color:#fff;font-size:5rem;font-weight:700;height:280px;width:280px}.about-text p{color:#b0bec5;line-height:1.8;margin-bottom:1.5rem}.personal-info{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.info-item{display:flex;flex-direction:column}.info-label{color:#64b5f6;font-weight:600;margin-bottom:.5rem}.info-value{color:#fff}.resume-button{background:linear-gradient(45deg,#64b5f6,#8c9eff);border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.resume-button:hover{box-shadow:0 10px 20px #64b5f666;transform:translateY(-3px)}.skills-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skill-category{background:#ffffff0d;border-radius:10px;box-shadow:0 4px 20px #0003;padding:2rem}.category-title{color:#64b5f6;font-size:1.5rem}.category-title,.skill-item{margin-bottom:1.5rem}.skill-info{display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-name{font-weight:500}.skill-percentage{color:#8c9eff}.skill-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.skill-progress{background:linear-gradient(90deg,#64b5f6,#8c9eff);border-radius:4px;height:100%;transition:width 1s ease-in-out}.project-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.project-filters button{background:#0000;border:2px solid #ffffff1a;border-radius:30px;color:#fff;cursor:pointer;font-weight:500;padding:.6rem 1.5rem;transition:all .3s ease}.project-filters button.active,.project-filters button:hover{background:linear-gradient(45deg,#64b5f6,#8c9eff);border-color:#0000}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.project-card{background:#ffffff0d;border-radius:10px;box-shadow:0 4px 20px #0003;overflow:hidden;transition:all .3s ease}.project-card:hover{box-shadow:0 15px 30px #0000004d;transform:translateY(-10px)}.project-image{height:200px;overflow:hidden;width:100%}.project-image .image-placeholder{border-radius:0;font-size:3rem;height:100%;width:100%}.project-content{padding:1.5rem}.project-title{font-size:1.3rem;margin-bottom:1rem}.project-description{color:#b0bec5;font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#64b5f61a;border-radius:15px;color:#64b5f6;font-size:.8rem;padding:.3rem .8rem}.project-links{display:flex;gap:1rem}.project-link{align-items:center;color:#fff;display:flex;font-size:.9rem;gap:.5rem;text-decoration:none;transition:color .3s ease}.project-link:hover{color:#64b5f6}.education-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.subsection-title{color:#64b5f6;font-size:1.8rem;margin-bottom:2rem}.timeline{position:relative}.timeline:before{background:#64b5f6;content:"";height:100%;left:15px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:3rem;padding-left:45px;position:relative}.timeline-marker{background:#0a0c13;border:3px solid #64b5f6;border-radius:50%;height:30px;left:0;position:absolute;top:0;width:30px;z-index:1}.timeline-period{background:#64b5f61a;border-radius:15px;color:#64b5f6;display:inline-block;font-size:.9rem;margin-bottom:1rem;padding:.3rem 1rem}.timeline-title{font-size:1.2rem;margin-bottom:.5rem}.timeline-institution{color:#8c9eff;font-size:1rem;margin-bottom:1rem}.timeline-description{color:#b0bec5;font-size:.9rem;line-height:1.6}.certifications-list{display:flex;flex-direction:column;gap:1.5rem}.certification-item{background:#ffffff0d;border-radius:10px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.certification-item:hover{background:#ffffff1a;transform:translateX(10px)}.certification-icon{background:linear-gradient(45deg,#64b5f6,#8c9eff);border-radius:50%;flex-shrink:0;height:50px;width:50px}.certification-title{font-size:1.1rem;margin-bottom:.5rem}.certification-issuer{color:#b0bec5;font-size:.9rem}.contact-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.contact-info{padding-right:2rem}.contact-info h3{color:#64b5f6;font-size:1.8rem;margin-bottom:1.5rem}.contact-info p{color:#b0bec5;line-height:1.8;margin-bottom:2rem}.contact-details{flex-direction:column;margin-bottom:2rem}.contact-details,.contact-item{display:flex;gap:1.5rem}.contact-icon{align-items:center;background:#64b5f61a;border-radius:50%;color:#64b5f6;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.contact-text h4{font-size:1.1rem;margin-bottom:.5rem}.contact-text p{font-size:.9rem;margin-bottom:0}.social-links{display:flex;gap:1rem}.social-link{background:#ffffff0d;border-radius:4px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#64b5f61a;color:#64b5f6}.contact-form-container{background:#ffffff0d;border-radius:10px;box-shadow:0 4px 20px #0003;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#fff;font-family:inherit;padding:1rem;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#64b5f6;outline:none}.submit-button{background:linear-gradient(45deg,#64b5f6,#8c9eff);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:1rem 2rem;transition:all .3s ease;width:100%}.submit-button:hover{box-shadow:0 10px 20px #64b5f666;transform:translateY(-3px)}.submit-button.sending{background:#b0bec5;cursor:not-allowed}.submit-button.success{background:#4caf50}.footer{background:#0a0c13cc;padding:4rem 2rem 2rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto 3rem;max-width:1200px}.footer-logo{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#64b5f6,#8c9eff);-webkit-background-clip:text;font-size:1.8rem;font-weight:700}.footer-links{display:flex;flex-direction:column;gap:1rem}.footer-links a{color:#b0bec5;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#64b5f6}.footer-social{display:flex;gap:1rem}.social-icon{color:#b0bec5;text-decoration:none;transition:color .3s ease}.social-icon:hover{color:#64b5f6}.footer-bottom{border-top:1px solid #ffffff1a;margin:0 auto;max-width:1200px;padding-top:2rem;text-align:center}.footer-bottom p{color:#b0bec5;font-size:.9rem}.loading-screen{align-items:center;background:#0a0c13;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loader{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#64b5f6;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media screen and (max-width:1024px){.about-content,.contact-content{grid-template-columns:1fr}.about-image{margin-bottom:2rem}.education-content{grid-template-columns:1fr}.certification-section{margin-top:3rem}.footer-content{grid-template-columns:1fr;text-align:center}.footer-links{align-items:center}.footer-social{justify-content:center}}@media screen and (max-width:768px){.menu-icon{display:block}.nav-menu{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c13f2;flex-direction:column;height:100vh;justify-content:center;padding:2rem;position:fixed;right:-100%;top:0;transition:all .5s ease;width:70%}.nav-menu.active{right:0}.nav-item{margin:1.5rem 0}.personal-info,.projects-grid,.skills-content{grid-template-columns:1fr}section{padding:80px 1.5rem}.name{font-size:3rem}.title{font-size:1.5rem}}@media screen and (max-width:480px){.button-container{flex-direction:column;gap:1rem}.primary-button,.secondary-button{text-align:center}.section-title{font-size:2rem}.project-filters{align-items:center;flex-direction:column}.project-filters button{max-width:200px;width:100%}}
/*# sourceMappingURL=main.0b2a0382.css.map*/