body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;margin:0;padding:0}a,h1,h2,h3,h4,h5,h6{color:#4a9eff}a{text-decoration:none;transition:color .3s ease}a:hover{color:#7ab8ff}.section-container{align-items:center;display:flex;flex-direction:column;overflow:hidden;padding:4rem 2rem;position:relative}.section-title{color:#fff;font-size:2.5rem;font-weight:600;letter-spacing:2px;margin-bottom:1rem;text-align:center;text-transform:uppercase}.section-divider{background:linear-gradient(90deg,#00b4db,#0083b0);border:none;border-radius:2px;height:4px;margin:0 auto 3rem;width:80px}.glass-card-hover{transition:transform .3s ease,box-shadow .3s ease}.glass-card-hover:hover{box-shadow:0 10px 30px #0003;transform:translateY(-5px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#4a9eff1a}::-webkit-scrollbar-thumb{background:#4a9eff;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7ab8ff}.App{margin:0 auto;max-width:100vw;position:relative}#tsparticles{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.heading{margin:0;text-align:left}.footer{background-color:var(--bg-color);bottom:0;box-shadow:0 2px 6px #6b6a6a;min-height:30px;padding:1em;width:100%}@media (max-width:768px){.section-container{padding:4rem 1rem}}@media (max-width:480px){.section-container{padding:2rem}}.home-section{align-items:center;display:flex;justify-content:center;margin-top:150px;padding:2rem;text-align:center}.detail-section{animation:fadeIn 1s ease;max-width:800px}.detail-section h1{color:#fff;font-size:2.5rem;font-weight:600;margin-bottom:1.5rem}.title{color:#4a9eff;font-size:2rem;margin:1rem 0;min-height:2.5rem}.tagline{color:#a0a0a0!important;font-size:1.5rem;margin:1rem 0 2rem}.social-icon{align-items:center;display:flex;gap:1rem;justify-content:center}.resume{background:#4a9eff1a;border:2px solid #4a9eff;border-radius:25px;color:#4a9eff;display:inline-block;font-size:1rem;font-weight:500;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease}.resume:hover{background:#4a9eff;box-shadow:0 5px 15px #4a9eff4d;color:#fff;transform:translateY(-2px)}@media (max-width:992px){.detail-section h1{font-size:2.2rem}.title{font-size:1.8rem}.tagline{font-size:1.3rem}}@media (max-width:768px){.detail-section h1{font-size:2rem}.title{font-size:1.6rem;min-height:2rem}.tagline{font-size:1.2rem}.resume{font-size:.95rem;padding:.7rem 1.8rem}}@media (max-width:480px){.detail-section h1{font-size:1.8rem}.title{font-size:1.4rem}.tagline{font-size:1.1rem}.social-icon{gap:.8rem}.resume{font-size:.9rem;padding:.6rem 1.5rem}}.about-section h1{color:#fff;font-size:2.5rem;margin-bottom:1rem;text-align:center}.about-section hr{background:linear-gradient(90deg,#00b4db,#0083b0);border:none;border-radius:2px;height:4px;margin:0 auto 3rem;width:80px}.about-container{display:flex;flex-direction:column;gap:4rem;max-width:1200px;width:100%}.profile-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:3rem;padding:2rem;perspective:1000px;transform-style:preserve-3d}.profile-image{border:3px solid #4a9eff;border-radius:50%;box-shadow:0 0 20px #4a9eff4d;flex-shrink:0;height:200px;overflow:hidden;transform:translateZ(30px);width:200px}.profile-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.profile-intro{transform:translateZ(20px)}.profile-intro h2{color:#4a9eff;font-size:2rem;margin-bottom:1rem}.profile-intro p{color:#fff;font-size:1.2rem;line-height:1.6}.journey-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));perspective:1000px}.journey-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:1rem 2rem;transform-style:preserve-3d;transition:transform .5s ease}.journey-card:hover{transform:translateY(-10px) rotateX(10deg)}.card-content{transform:translateZ(20px)}.journey-card h3{color:#4a9eff;font-size:1.4rem;margin-bottom:1rem;position:relative}.journey-card h3:after{bottom:-5px;content:"";height:2px;left:0;position:absolute;width:50px}.journey-card p{color:#fff;font-size:1.2rem;line-height:1.6}.journey-card ul{list-style:none;margin:0;padding:0}.journey-card li{color:#fff;line-height:1.6;margin-bottom:1rem;padding-left:1.5rem;position:relative}.journey-card li:before{color:#4a9eff;content:"▹";left:0;position:absolute}.journey-card li span{color:#4a9eff;font-weight:600}.journey-card{animation:fadeInUp .6s ease forwards;opacity:0}.journey-card:first-child{animation-delay:.2s}.journey-card:nth-child(2){animation-delay:.4s}.journey-card:nth-child(3){animation-delay:.6s}.journey-card:nth-child(4){animation-delay:.8s}.journey-card:nth-child(5){animation-delay:1s}@media (max-width:992px){.profile-card{flex-direction:column;padding:1.5rem;text-align:center}.profile-image{height:150px;width:150px}.profile-intro h2{font-size:1.8rem}}@media (max-width:768px){.about-section{padding:4rem 1rem}.journey-container{grid-template-columns:1fr}}@media (max-width:480px){.profile-image{height:120px;width:120px}.profile-intro h2{font-size:1.5rem}.journey-card h3{font-size:1.4rem}}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{margin:0 auto;max-width:1170px;padding:2em 0;position:relative}.vertical-timeline:after{clear:both;content:"";display:table}.vertical-timeline:before{background:var(--line-color);content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.vertical-timeline.vertical-timeline--one-column-right:before{left:auto;right:18px}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{clear:both;content:"";display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;height:40px;left:0;position:absolute;top:0;width:40px}.vertical-timeline-element-icon.shadow-size-small{-webkit-box-shadow:0 0 0 2px #fff,inset 0 1px 0 #00000014,0 2px 0 4px #0000000d;box-shadow:0 0 0 2px #fff,inset 0 1px 0 #00000014,0 2px 0 4px #0000000d}.vertical-timeline-element-icon.shadow-size-medium{-webkit-box-shadow:0 0 0 3px #fff,inset 0 2px 0 #00000014,0 3px 0 5px #0000000d;box-shadow:0 0 0 3px #fff,inset 0 2px 0 #00000014,0 3px 0 5px #0000000d}.vertical-timeline-element-icon.shadow-size-large{-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 4px 0 6px #0000000d;box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 4px 0 6px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{left:auto;right:0}.vertical-timeline-element-icon svg{display:block;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%;width:24px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{height:60px;left:50%;margin-left:-30px;width:60px}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;visibility:visible}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd;margin-left:60px;padding:1em;position:relative}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-left:0;margin-right:60px}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{clear:both;content:"";display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{line-height:1.6;margin:1em 0 0}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{border:7px solid #0000;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{border:7px solid #0000;border-left-color:#fff;content:"";height:0;left:100%;position:absolute;right:auto;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:initial;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{left:100%;top:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{font-size:16px;font-size:1rem;left:124%;position:absolute;top:6px;width:100%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:auto;right:100%;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:100%;right:auto;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s;visibility:visible}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s;visibility:visible}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.vertical-timeline{max-width:1200px;width:95%}.vertical-timeline-element{margin:2rem 0}.vertical-timeline-element-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:15px!important;box-shadow:0 10px 30px #0000001a;padding:2rem!important;transition:transform .3s ease,box-shadow .3s ease}.vertical-timeline-element-content:hover{box-shadow:0 15px 40px #0003;transform:translateY(-5px)}.vertical-timeline-element-content h2{color:#4a9eff;font-size:1.5rem;margin-bottom:.5rem}.vertical-timeline-element-content h4{color:#a0a0a0;font-size:1.1rem;margin-bottom:1.5rem}.vertical-timeline-element-content ul{list-style:none;margin:0;padding:0}.vertical-timeline-element-content li{font-size:1.2rem;line-height:1.6;margin-bottom:1rem;padding-left:1.5rem;position:relative}.vertical-timeline-element-content li:before{color:#4a9eff;content:"▹";left:0;position:absolute}.tech-stack{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem}.tech-tag{background:#4a9eff1a;border-radius:20px;color:#4a9eff;font-size:.9rem;font-weight:500;padding:.4rem 1rem;transition:all .3s ease}.tech-tag:hover{background:#4a9eff33;transform:translateY(-2px)}.vertical-timeline-element-date{color:#4a9eff!important;font-size:1rem!important;font-weight:700!important;margin:0 1.5rem!important;opacity:.8;text-shadow:0 0 10px #4a9eff4d}.vertical-timeline:before{background:linear-gradient(180deg,#0000,#4a9eff,#4a9eff,#0000)!important;width:3px!important}.vertical-timeline-element-icon{box-shadow:0 0 0 4px #4a9eff,inset 0 2px 0 #00000014,0 3px 0 4px #0000000d!important}.vertical-timeline-element{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(20px)}.vertical-timeline-element:first-child{animation-delay:.2s}.vertical-timeline-element:nth-child(2){animation-delay:.4s}.vertical-timeline-element:nth-child(3){animation-delay:.6s}@media (max-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{color:#bdb9b9!important;font-weight:600!important;margin-left:0!important;margin-right:0!important;margin-top:1rem!important}}@media (max-width:992px){.vertical-timeline-element-content{padding:1.75rem!important}.vertical-timeline-element-content h2{font-size:1.4rem}.vertical-timeline-element-content h4{font-size:1.05rem}.vertical-timeline-element-content li{font-size:1.2rem}.tech-tag{font-size:.85rem;padding:.35rem .9rem}}@media (max-width:768px){.experience-section{padding:3rem 1rem}.vertical-timeline-element-content{padding:1.5rem!important}.vertical-timeline-element-content h2{font-size:1.3rem}.vertical-timeline-element-content h4{font-size:1rem;margin-bottom:1.25rem}.vertical-timeline-element-content li{font-size:1.2rem;line-height:1.5;margin-bottom:.8rem}.tech-stack{gap:.4rem;margin-top:1.25rem;padding-top:1.25rem}.tech-tag{font-size:.8rem;padding:.3rem .8rem}}@media (max-width:480px){.experience-section{padding:2rem .75rem}.vertical-timeline-element-content{padding:1.25rem!important}.vertical-timeline-element-content h2{font-size:1.2rem}.vertical-timeline-element-content h4{font-size:.95rem;margin-bottom:1rem}.vertical-timeline-element-content li{font-size:1.2rem;margin-bottom:.7rem;padding-left:1.25rem}.tech-stack{gap:.3rem;margin-top:1rem;padding-top:1rem}.tech-tag{font-size:.75rem;padding:.25rem .7rem}.vertical-timeline-element-date{font-size:.9rem!important}}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px;width:100%}.project-card{display:flex;flex-direction:column;height:100%;padding:2rem}.project-card h3{margin-bottom:1rem;margin-top:30px;position:relative}.project-card h3:after{bottom:-5px;content:"";height:2px;left:0;position:absolute;width:50px}.laptop-frame{background:linear-gradient(45deg,#2a2a2a,#1a1a1a);border-radius:12px 12px 0 0;box-shadow:0 20px 40px #0006,inset 0 0 0 1px #ffffff1a;padding-top:65%;position:relative;width:100%}.laptop-frame:before{background:linear-gradient(45deg,#232323,#1a1a1a);border-radius:0 0 20px 20px;bottom:-20px;box-shadow:0 10px 20px #0003,0 0 0 1px #ffffff1a;content:"";height:20px;left:-6%;position:absolute;right:-6%}.laptop-frame:after{background:linear-gradient(90deg,#1a1a1a,#2a2a2a,#1a1a1a);border-radius:5px;bottom:-22px;box-shadow:0 2px 5px #0003;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:140px}.laptop-screen{background:#000;border-radius:6px;bottom:3%;box-shadow:inset 0 0 0 1px #ffffff1a;left:3%;overflow:hidden;position:absolute;right:3%;top:3%}.laptop-screen:before{background:#333;border-radius:50%;box-shadow:0 0 0 1px #ffffff1a;content:"";height:6px;left:50%;margin-top:4px;position:absolute;top:0;transform:translateX(-50%);width:6px;z-index:2}.laptop-screen img{border-radius:6px;height:100%;object-fit:fill;transition:transform .5s ease;width:100%}.project-card:hover .laptop-screen img{transform:scale(1.05)}.project-info{margin-top:20px;padding:0 1.5rem;text-align:center}.project-info h3{color:#4a9eff;font-size:1.4rem;margin-bottom:1rem}.project-info p{color:#fff;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.project-links{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.project-links a{align-items:center;border-radius:25px;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;letter-spacing:.5px;min-width:120px;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.demo-btn{background:#4a9eff;color:#fff}.demo-btn,.repo-btn{border:2px solid #4a9eff}.repo-btn{background:#0000;color:#4a9eff}.demo-btn:hover{background:#2186ff;box-shadow:0 5px 15px #4a9eff4d;transform:translateY(-2px)}.repo-btn:hover{background:#4a9eff1a;box-shadow:0 5px 15px #4a9eff33;transform:translateY(-2px)}@media (max-width:1400px){.projects-grid{gap:4rem 3rem;grid-template-columns:repeat(2,1fr);padding:2rem}}@media (max-width:768px){.projects-grid{gap:4rem;grid-template-columns:1fr;padding:1.5rem}.project-info h3,.project-info p{font-size:1.2rem}.project-links a{font-size:.9rem;min-width:100px;padding:.6rem 1.2rem}.project-card{padding:1rem}}@media (max-width:480px){#projects{padding:10px!important}}.title-underline{background:linear-gradient(90deg,#0f8,#0bf)}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);max-width:1200px;padding:0 1rem;width:100%}.skill-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background-clip:padding-box;border:2px solid #0000;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:2rem;perspective:1000px;position:relative;transform-style:preserve-3d;transition:all .3s ease}.skill-card:before{animation:borderAnimation 3s linear infinite;background:linear-gradient(90deg,var(--skill-color) 0,#0000 25%,#0000 75%,var(--skill-color) 100%);border-radius:inherit;bottom:0;content:"";left:0;margin:-2px;position:absolute;right:0;top:0;z-index:-1}@keyframes borderAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.skill-card:hover:before{background:var(--skill-color);filter:blur(4px);opacity:.5}.skill-icon{align-items:center;color:var(--skill-color);display:flex;font-size:2.5rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.skill-card:hover{transform:translateY(-5px)}.skill-card:hover .skill-icon{transform:scale(1.1)}.skill-card h3{color:#fff;font-size:1.1rem;font-weight:500;margin:0;text-align:center;text-shadow:0 0 10px #ffffff4d}@media (max-width:992px){.skills-grid{gap:1.5rem;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.skills-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.skill-card{padding:1.5rem}.skill-icon{font-size:2rem;height:50px;width:50px}}@media (max-width:480px){.skill-card{padding:1.25rem}}.glass-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:2rem;justify-content:space-between;margin:1rem;max-width:800px;padding:2rem;width:calc(100% - 2rem)}.glass-card:hover{box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.timeline-content{flex:1 1}.timeline-content h3{color:#4a9eff;font-size:1.5rem;margin-bottom:.5rem}.timeline-content h4{color:#fff;font-size:1.1rem}.glass-card img{background:#ffffff0d;border-radius:10px;height:100px;object-fit:contain;padding:1rem;width:100px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease forwards}@media (max-width:992px){.glass-card{padding:1.75rem}.timeline-content h3{font-size:1.4rem}.timeline-content h4{font-size:1.05rem}.glass-card img{height:90px;width:90px}}@media (max-width:768px){.glass-card{flex-direction:column;gap:1.5rem;margin:.75rem 1rem;padding:1.5rem;text-align:center}.timeline-content h3{font-size:1.3rem}.timeline-content h4{font-size:1rem}.glass-card img{height:80px;padding:.75rem;width:80px}}@media (max-width:480px){.glass-card{gap:1.25rem;margin:.5rem;padding:1.25rem;width:calc(100% - 1rem)}.timeline-content h3{font-size:1.2rem}.timeline-content h4{font-size:.95rem}.glass-card img{height:70px;padding:.5rem;width:70px}}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;display:flex;justify-content:center;left:50%;max-width:90%;min-width:200px;opacity:.9;padding:1rem 2rem;position:fixed;top:20px;transform:translateX(-50%);transition:all .4s cubic-bezier(.4,0,.2,1);width:auto;z-index:1000}.navbar.scrolled{background:#ffffff0d;box-shadow:0 2px 10px #0000004d}.nav-brand{color:#4a9eff;font-size:1.5rem;font-weight:700;margin-right:3rem;position:relative;transition:color .3s ease}.nav-links{align-items:center;display:flex;gap:2.5rem}.nav-links a{color:#fff;font-size:1.2rem;font-weight:600;position:relative;text-decoration:none}.nav-links a,.nav-links a:after{transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-links a:after{background:#4a9eff;bottom:0;content:"";height:2px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);width:0}.nav-links a:hover{color:#4a9eff}.nav-links a:hover:after{opacity:1;width:100%}.hamburger{color:#fff;cursor:pointer;display:none;font-size:1.5rem;position:absolute;right:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger:hover{color:#4a9eff;transform:scale(1.1)}@media (max-width:992px){.navbar{padding:.8rem 1.5rem;top:10px}.nav-brand{margin-right:2rem}.nav-links{gap:1.5rem}.nav-links a{font-size:.9rem}}@media (max-width:900px){.navbar{justify-content:space-between;padding:1rem 1.5rem;width:100%}.nav-brand{margin-right:0}.hamburger{display:block;position:relative;right:0}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1117fa;box-shadow:2px 0 10px #0000004d;flex-direction:column;gap:1rem;height:calc(100vh - 70px);justify-content:flex-start;left:-100%;padding-top:2rem;position:fixed;top:70px;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.nav-links.active{left:0}.nav-links a{font-size:1.1rem;padding:.7rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.nav-links a.active,.nav-links a:hover{background:#4a9eff1a;border-radius:8px;transform:translateX(5px)}.nav-links a.active{padding:.7rem;width:100%}}@media (max-width:480px){.navbar{padding:.8rem 1.2rem;top:10px}}.nav-links a.active{background:#4a9eff1a;border-radius:8px;color:#4a9eff;padding:.5rem 1rem}.contact-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin:0 1rem;max-width:800px;padding:2rem;width:calc(100% - 2rem)}.contact-info{flex:1 1}.contact-grid a{margin-bottom:10px}.contact-item{align-items:center;background:#ffffff0d;border-radius:15px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.contact-item:hover{background:#4a9eff1a;transform:translateY(-5px)}.contact-icon{color:#4a9eff;font-size:1.5rem}.contact-text{color:#fff;font-size:1rem}.contact-form{width:100%}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem;text-align:left}.form-control{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;box-sizing:border-box;color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-control:focus{background:#ffffff14;border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff33;outline:none}textarea.form-control{min-height:150px;resize:vertical}.submit-btn{background:#4a9eff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease;width:100%}.submit-btn:hover{background:#2186ff;box-shadow:0 5px 15px #4a9eff4d;transform:translateY(-2px)}.submit-btn:disabled{background:#666;cursor:not-allowed;transform:none}.message{animation:fadeIn .3s ease;border-radius:10px;font-weight:500;margin-top:1rem;padding:1rem;text-align:center}.success{background:#00ff881a;border:1px solid #0f83;color:#0f8}.error{background:#ff44441a;border:1px solid #f443;color:#f44}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.title-underline{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;height:4px;margin:0 auto 3rem;overflow:hidden;position:relative;width:80px}.title-underline:after{animation:shine 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{to{left:100%}}@media (max-width:992px){.contact-container{padding:2rem;width:calc(100% - 2rem)}.form-control{padding:.9rem}.submit-btn{padding:.9rem 1.8rem}}@media (max-width:768px){.contact-section{padding:3rem 1rem}.contact-container{margin:0 1rem;padding:1.5rem;width:calc(100% - 2rem)}.form-group{margin-bottom:1.25rem}.form-control{font-size:.95rem;padding:.8rem}textarea.form-control{min-height:120px}.submit-btn{font-size:.95rem;padding:.8rem 1.6rem}.message{font-size:.9rem}}@media (max-width:480px){.contact-section{padding:2rem .5rem}.contact-container{margin:0 .5rem;padding:1.25rem;width:calc(100% - 1rem)}.form-group label{font-size:.85rem}.form-control{font-size:.9rem;padding:.7rem}textarea.form-control{min-height:100px}.submit-btn{font-size:.9rem;padding:.7rem 1.4rem}.message{font-size:.85rem;margin-top:.8rem;padding:.8rem}}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-top:1px solid #ffffff1a;margin-top:4rem;padding:2rem 0}.footer-content{align-items:center;flex-direction:column;margin:0 auto;max-width:1200px;padding:0 2rem}.footer-content,.social-links{display:flex;gap:1.5rem}.social-link{align-items:center;background:#ffffff0d;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;transition:all .3s ease;width:40px}.social-link:hover{background:#4a9eff1a;box-shadow:0 5px 15px #4a9eff33;color:#4a9eff;transform:translateY(-3px)}.copyright{color:#fff;font-size:.9rem;text-align:center}@media (max-width:768px){.footer{margin-top:3rem;padding:1.5rem 0}.footer-content{gap:1rem;padding:0 1.5rem}.social-links{gap:1rem}.social-link{font-size:1.2rem;height:35px;width:35px}}@media (max-width:480px){.footer{margin-top:2rem;padding:1rem 0}.footer-content{padding:0 1rem}.social-link{font-size:1.1rem;height:32px;width:32px}.copyright{font-size:.8rem}}.certificates-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);max-width:1200px;padding:2rem;width:100%}.certificate-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;transition:transform .3s ease}.certificate-card:hover{cursor:pointer;transform:translateY(-5px)}.certificate-image-container{aspect-ratio:16/9;border:1px solid #ffffff1a;border-radius:10px;overflow:hidden;width:100%}.certificate-image-container img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.certificate-card:hover img{transform:scale(1.05)}.certificate-card h2{color:#fff;font-size:1.2rem;font-weight:500;margin:0}@media (max-width:992px){.certificates-grid{gap:2rem;grid-template-columns:1fr;padding:1rem}.certificate-card{padding:1rem}.certificate-card h2{font-size:1.1rem}}@media (max-width:480px){.certificate-section{padding:3rem 1rem}.certificates-grid{gap:1.5rem}}
/*# sourceMappingURL=main.3cbc6ddd.css.map*/