:root{--bg-color:#0f1118;--text-color:#e5e5e5;--accent-color:#64ffda;--secondary-color:#7928ca;--tertiary-color:#ff4d4d}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-color:#0f1118;background-color:var(--bg-color);color:#e5e5e5;color:var(--text-color);line-height:1.6;overflow-x:hidden}header{flex-direction:column;height:100vh;justify-content:center;position:relative}header,nav{align-items:center;display:flex}nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f1118cc;justify-content:space-between;padding:1.5rem 3rem;position:fixed;top:0;width:100%;z-index:100}.logo{color:#64ffda;color:var(--accent-color);font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-links a{color:#e5e5e5;color:var(--text-color);font-size:1rem;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#64ffda;color:var(--accent-color)}.hero{margin:0 auto;max-width:800px;padding:0 1rem;text-align:center}.other-projects{animation:float 8s ease-in-out 3s infinite!important;background:linear-gradient(to bottom right,#ffffff12,#ffffff08);border:1px solid #ffffff26}.other-projects:before{background:linear-gradient(90deg,#64ffda,#7928ca,#ff4d4d);background:linear-gradient(to right,var(--accent-color),var(--secondary-color),var(--tertiary-color))}.all-projects-container{min-height:100vh}.project-card:hover{box-shadow:0 10px 20px #0000004d;transform:translateY(-10px)}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#64ffda,#7928ca);background:linear-gradient(to right,var(--accent-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:4rem;margin-bottom:1rem}.hero p{font-size:1.5rem;margin-bottom:2rem}.btn{background-color:initial;border:2px solid #64ffda;border:2px solid var(--accent-color);border-radius:5px;color:#64ffda;color:var(--accent-color);cursor:pointer;display:inline-block;font-weight:700;overflow:hidden;padding:.8rem 1.8rem;position:relative;text-decoration:none;z-index:1}.btn,.btn:before{transition:all .3s}.btn:before{background-color:#64ffda;background-color:var(--accent-color);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:-1}.btn:hover{color:#0f1118;color:var(--bg-color)}.btn:hover:before{left:0}.projects-container{min-height:100vh;overflow:hidden;padding:5rem 1rem;position:relative}.section-title{color:#64ffda;color:var(--accent-color);font-size:2.5rem;margin-bottom:3rem;text-align:center}.projects{height:800px;overflow:visible;position:relative}.project{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:220px;justify-content:space-between;padding:1.5rem;position:absolute;transition:transform .5s,box-shadow .5s;width:320px}.project-icon-container{left:50%;position:absolute;top:-50px;transform:translateX(-50%);z-index:20}.project-icon-wrapper{align-items:center;background-color:#ffffff1a;border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 6px #0000001a;display:flex;height:70px;justify-content:center;overflow:hidden;transition:all .3s ease;width:70px}.project-icon-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.project-icon-wrapper:hover{box-shadow:0 6px 8px #0003;transform:translateY(-5px)}.project-icon-container:before{background:linear-gradient(180deg,#fff3,#ffffff1a);bottom:-10px;content:"";height:10px;left:50%;position:absolute;transform:translateX(-50%);width:2px;z-index:1}.project:hover{box-shadow:0 10px 20px #0000004d;transform:translateY(-10px)}.project:first-child{left:10%;top:50px}.project:nth-child(2){left:40%;top:150px}.project:nth-child(3){right:10%;top:100px}.project:nth-child(4){left:20%;top:300px}.project:nth-child(5){right:20%;top:350px}.project:before{content:"";height:5px;left:0;position:absolute;top:0;width:100%}.project:first-child:before{background-color:#64ffda;background-color:var(--accent-color)}.project:nth-child(2):before{background-color:#7928ca;background-color:var(--secondary-color)}.project:nth-child(3):before{background-color:#ff4d4d;background-color:var(--tertiary-color)}.project:nth-child(4):before{background-color:#ffd600}.project:nth-child(5):before{background-color:#00c6ff}.blog-container{margin:0 auto;max-width:800px;min-height:100vh;padding:8rem 2rem 4rem}.blog-header{margin-bottom:3rem;text-align:center}.blog-header p{color:#e5e5e5;color:var(--text-color);font-size:1.1rem;opacity:.7}.blog-posts{display:flex;flex-direction:column;gap:2rem}.blog-post-preview{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:1.5rem;transition:transform .3s,box-shadow .3s}.blog-post-preview:hover{box-shadow:0 10px 20px #0000004d;transform:translateY(-5px)}.blog-post-link{color:#e5e5e5;color:var(--text-color);text-decoration:none}.blog-post-link h2{color:#64ffda;color:var(--accent-color);margin-bottom:.5rem}.blog-post-meta{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:1rem;opacity:.7}.read-more{color:#64ffda;color:var(--accent-color);display:inline-block;font-weight:700;margin-top:.5rem}.blog-post-container{margin:0 auto;max-width:800px;min-height:100vh;padding:8rem 2rem 4rem}.blog-post-header{margin-bottom:2rem;text-align:center}.blog-post-header h1{color:#64ffda;color:var(--accent-color);margin-bottom:1rem}.blog-post-content p{line-height:1.6;margin-bottom:1.5rem}@media (max-width:768px){.blog-container,.blog-post-container{padding:6rem 1rem 2rem}}.project h3{font-size:1.5rem;margin-bottom:.5rem}.project p{font-size:.9rem;opacity:.8}.tech-stack{display:flex;gap:.5rem;margin-top:1rem}.tech{background-color:#ffffff1a;border-radius:50px;font-size:.8rem;padding:.2rem .5rem}.connections{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.about-container{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:5rem 1rem}.about-content{display:flex;gap:3rem;margin:0 auto;max-width:1200px}.about-text,.skills{flex:1 1}.about-text h3{color:#64ffda;color:var(--accent-color);font-size:2rem;margin-bottom:1.5rem}.about-text p{font-size:1.1rem;margin-bottom:1rem}.skills h3{color:#64ffda;color:var(--accent-color);font-size:2rem;margin-bottom:1.5rem}.skill-category{margin-bottom:2rem}.skill-category h4{color:#7928ca;color:var(--secondary-color);font-size:1.3rem;margin-bottom:1rem}.skill-list{display:flex;flex-wrap:wrap;gap:1rem}.skill-item{background-color:#ffffff0d;border-radius:50px;font-size:.9rem;padding:.5rem 1rem}.contact-container{min-height:60vh;padding:5rem 1rem;text-align:center}.contact-info{margin:0 auto;max-width:600px}.contact-info p{font-size:1.1rem;margin-bottom:2rem}.social-links{display:flex;gap:2rem;justify-content:center;margin-top:2rem}.social-link{color:#e5e5e5;color:var(--text-color);font-size:1.5rem;text-decoration:none;transition:color .3s}.social-link:hover{color:#64ffda;color:var(--accent-color)}footer{border-top:1px solid #ffffff1a;font-size:.9rem;opacity:.7;padding:2rem;text-align:center}@media (max-width:768px){nav{padding:1rem}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.about-content{flex-direction:column}.projects{height:auto}.project-detail-container{padding-top:8rem}.project{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:200px;justify-content:space-between;overflow:hidden;padding:1.5rem;position:absolute;transition:transform .5s,box-shadow .5s,border-color .3s;width:300px}.project:hover{border-color:#64ffda;border-color:var(--accent-color);box-shadow:0 10px 25px #0006;transform:translateY(-10px) scale(1.02)}.project:after,.project:hover h3{color:#64ffda;color:var(--accent-color)}.project:after{bottom:10px;content:"View Details →";font-size:.8rem;opacity:0;position:absolute;right:15px;transition:opacity .3s}.project:hover:after{opacity:1}@media (max-width:768px){.project-detail-container{padding:8rem 1rem 2rem}.project-header{padding-left:1rem!important}.project-header h1{font-size:2rem!important}.project-content div{grid-template-columns:1fr!important}}.connections{display:none}}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(2deg)}to{transform:translateY(0) rotate(0deg)}}.experience-container{min-height:100vh;padding:5rem 1rem;position:relative}.timeline{margin:0 auto;max-width:1200px;padding:40px 0;position:relative}.timeline:before{background:#64ffda;background:var(--accent-color);background:linear-gradient(180deg,#64ffda,#7928ca);background:linear-gradient(to bottom,var(--accent-color),var(--secondary-color));border-radius:4px;bottom:0;content:"";left:50%;margin-left:-2px;position:absolute;top:0;width:4px}.timeline-item{background-color:inherit;margin-bottom:60px;padding:10px 40px;position:relative;width:50%}.timeline-item:nth-child(odd){left:0}.timeline-item:nth-child(2n){left:50%}.timeline-item:after{background-color:#0f1118;background-color:var(--bg-color);border:4px solid #64ffda;border:4px solid var(--accent-color);border-radius:50%;content:"";height:20px;position:absolute;right:-10px;top:15px;width:20px;z-index:1}.timeline-item:nth-child(2n):after{left:-10px}.timeline-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:20px 25px;position:relative;transition:all .3s ease}.timeline-content:hover{border-color:#64ffda;border-color:var(--accent-color);box-shadow:0 10px 20px #0000004d;transform:translateY(-5px)}.timeline-header{margin-bottom:15px}.timeline-header h3{color:#64ffda;color:var(--accent-color);font-size:1.5rem;margin-bottom:5px}.company{display:block;font-size:1.2rem;font-weight:500;margin-bottom:5px}.duration{background-color:#64ffda1a;border-radius:20px;color:#64ffda;color:var(--accent-color);display:inline-block;font-size:.9rem;padding:3px 10px}.description{line-height:1.6;margin:15px 0}.tech-used{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.tech-badge{background-color:#ffffff1a;border-radius:20px;font-size:.8rem;padding:4px 10px}@media (max-width:768px){.timeline:before{left:31px}.timeline-item{padding-left:70px;padding-right:25px;width:100%}.timeline-item:nth-child(2n){left:0}.timeline-item:after{left:21px;right:auto}}.project:first-child{animation:float 8s ease-in-out infinite}.project:nth-child(2){animation:float 9s ease-in-out 1s infinite}.project:nth-child(3){animation:float 7s ease-in-out .5s infinite}.project:nth-child(4){animation:float 10s ease-in-out 1.5s infinite}.project:nth-child(5){animation:float 6s ease-in-out 2s infinite}
/*# sourceMappingURL=main.2ed05363.css.map*/