@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#040404;background-size:400% 400%;animation:gradientShift 20s ease infinite;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 20px 30px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 40px 70px,rgba(0,255,255,.6),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 130px 80px,rgba(0,255,255,.5),transparent),radial-gradient(1px 1px at 160px 30px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 200px 90px,rgba(0,255,255,.4),transparent),radial-gradient(1px 1px at 50px 120px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 180px 60px,rgba(0,255,255,.7),transparent);background-repeat:repeat;background-size:250px 200px;animation:starsTwinkle 8s ease-in-out infinite alternate;pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 60px 50px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 150px 120px,rgba(0,255,255,.8),transparent),radial-gradient(2px 2px at 280px 80px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 320px 140px,rgba(0,255,255,.6),transparent),radial-gradient(3px 3px at 100px 180px,rgba(255,255,255,1),transparent),radial-gradient(3px 3px at 220px 40px,rgba(0,255,255,.9),transparent);background-repeat:repeat;background-size:400px 300px;animation:starsGlow 12s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes starsTwinkle{0%,to{opacity:1;transform:scale(1)}25%{opacity:.3;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}75%{opacity:.5;transform:scale(.9)}}@keyframes starsGlow{0%,to{opacity:.8;transform:translateY(0) scale(1);filter:blur(0px)}33%{opacity:1;transform:translateY(-10px) scale(1.1);filter:blur(.5px)}66%{opacity:.6;transform:translateY(5px) scale(.9);filter:blur(0px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.floating-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-2}.particle{position:absolute;background:#00e5ff4d;border-radius:50%;animation:float 15s infinite linear}.particle:nth-child(1){left:10%;width:4px;height:4px;animation-delay:0s;animation-duration:20s}.particle:nth-child(2){left:20%;width:6px;height:6px;animation-delay:2s;animation-duration:18s}.particle:nth-child(3){left:30%;width:3px;height:3px;animation-delay:4s;animation-duration:22s}.particle:nth-child(4){left:40%;width:5px;height:5px;animation-delay:6s;animation-duration:16s}.particle:nth-child(5){left:50%;width:4px;height:4px;animation-delay:8s;animation-duration:24s}.particle:nth-child(6){left:60%;width:7px;height:7px;animation-delay:10s;animation-duration:19s}.particle:nth-child(7){left:70%;width:3px;height:3px;animation-delay:12s;animation-duration:21s}.particle:nth-child(8){left:80%;width:5px;height:5px;animation-delay:14s;animation-duration:17s}.particle:nth-child(9){left:90%;width:4px;height:4px;animation-delay:16s;animation-duration:23s}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.orb{position:fixed;border-radius:50%;filter:blur(1px);animation:orbPulse 8s ease-in-out infinite;pointer-events:none;z-index:-4}.orb-1{top:25%;left:60%;width:80px;height:80px;background:radial-gradient(circle,rgba(0,229,255,.1) 0%,transparent 50%);animation-delay:0s}.orb-2{top:55%;right:15%;width:150px;height:150px;background:radial-gradient(circle,rgba(17,247,255,.08) 0%,transparent 50%);animation-delay:4s}.orb-3{bottom:5%;left:20%;width:60px;height:60px;background:radial-gradient(circle,rgba(0,208,255,.12) 0%,transparent 50%);animation-delay:6s}@keyframes orbPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.6}}.container,.education-container,.services-container,.project-container,.skills-container,.contact-container,.footer{margin-bottom:2rem}@media (min-width: 1200px){.container,.education-container,.services-container,.project-container,.skills-container,.contact-container{margin-bottom:3rem;padding-top:2rem;padding-bottom:1.5rem}.container{padding-top:8rem;margin-bottom:6rem}.education-container{padding-top:4rem}.footer{margin-bottom:0}}@media (min-width: 768px) and (max-width: 1199px){.container,.education-container,.services-container,.project-container,.skills-container,.contact-container{margin-bottom:2.5rem;padding-top:2rem;padding-bottom:1rem}.container{padding-top:6rem;margin-bottom:4rem}.education-container{padding-top:3rem}.footer{margin-bottom:0}}@media (max-width: 767px){.container,.education-container,.services-container,.project-container,.skills-container,.contact-container{margin-bottom:1.5rem;padding-top:1rem;padding-bottom:.5rem}.container{padding-top:4rem;margin-bottom:2rem}.education-container{padding-top:1.5rem}.footer{margin-bottom:0}}@keyframes slideFromCenter{0%{opacity:0;transform:translateY(100vh)}to{opacity:1;transform:translateY(0)}}.navbar-animate{animation:slideFromCenter .8s ease-out forwards}@media (min-width: 769px){.navbar{background:#040404d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,229,255,.1)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5% 5%;background:#040404e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(0,229,255,.15);position:fixed;width:100vw;max-width:100%;font-family:Inter,sans-serif;z-index:1000;left:0;top:0}.logo{font-size:1.9rem;font-weight:700;color:#fff;padding-left:5%;background-color:transparent}.logo span{color:#0ff;font-weight:800;text-shadow:0 0 10px rgba(0,255,255,.5);margin-left:4px;background-color:transparent}.nav-links{list-style:none;display:flex;gap:50px;padding-right:50px;background-color:transparent;opacity:1}.nav-links li a{color:#fff;text-decoration:none;font-size:1rem;transition:all .1s ease-in-out;background-color:transparent;opacity:1}.navbar.initial-load .nav-links li a{opacity:0;animation:slideFromCenter .6s ease-out forwards}.navbar.initial-load .nav-links li:nth-child(1) a{animation-delay:.3s}.navbar.initial-load .nav-links li:nth-child(2) a{animation-delay:.6s}.navbar.initial-load .nav-links li:nth-child(3) a{animation-delay:.9s}.navbar.initial-load .nav-links li:nth-child(4) a{animation-delay:1.2s}.navbar.initial-load .nav-links li:nth-child(5) a{animation-delay:1.5s}.navbar.initial-load .nav-links li:nth-child(6) a{animation-delay:1.8s}.nav-links li a:hover{color:#0ff;text-shadow:0px 0px 8px cyan;text-decoration:underline}.nav-links li a.active-nav{color:#0ff;border:2px solid #00ffff;border-radius:20px;padding:8px 16px;text-shadow:0px 0px 8px #00ffff;box-shadow:0 0 15px #00ffff4d;background:#00ffff1a}.nav-links li a.active-nav.contact-btn{background:#0ff;color:#000;border:2px solid #00ffff;box-shadow:0 0 20px #00ffff80}.nav-links li:last-child a,.nav-links li a.contact-btn{background:#00e5ff;color:#000;padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease}.nav-links li:last-child a:hover,.nav-links li a.contact-btn:hover{background:#0ff;transform:translateY(-2px);box-shadow:0 6px 20px #00ffff80;text-decoration:none;text-shadow:none}.menu-icon{display:none;cursor:pointer;color:#fff;font-size:180%;opacity:1}.navbar.initial-load .menu-icon{opacity:0;animation:slideFromCenter .6s ease-out forwards;animation-delay:2.1s}@media (min-width: 769px) and (max-width: 1024px){.navbar{background:#040404e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(0,229,255,.15)}.nav-links{list-style:none;display:flex;gap:35px;padding-right:20px;text-align:center}.nav-links li a{color:#fff;text-decoration:none;font-size:.9rem;transition:all .2s ease-in-out;opacity:1}.nav-links li a.active-nav{color:#0ff;border:2px solid #00ffff;border-radius:18px;padding:6px 14px;text-shadow:0px 0px 8px #00ffff;box-shadow:0 0 12px #00ffff4d;background:#00ffff1a}.nav-links li a.active-nav.contact-btn{background:#0ff;color:#000;border:2px solid #00ffff;box-shadow:0 0 18px #00ffff80}.navbar.initial-load .nav-links li a{opacity:0;animation:slideFromCenter .6s ease-out forwards}.navbar.initial-load .nav-links li:nth-child(1) a{animation-delay:.3s}.navbar.initial-load .nav-links li:nth-child(2) a{animation-delay:.6s}.navbar.initial-load .nav-links li:nth-child(3) a{animation-delay:.9s}.navbar.initial-load .nav-links li:nth-child(4) a{animation-delay:1.2s}.navbar.initial-load .nav-links li:nth-child(5) a{animation-delay:1.5s}.navbar.initial-load .nav-links li:nth-child(6) a{animation-delay:1.8s}.nav-links li:last-child a,.nav-links li a.contact-btn{background:linear-gradient(135deg,#0ff,#0080ff);color:#fff;padding:8px 16px;border-radius:20px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 3px 12px #00ffff4d}.nav-links li:last-child a:hover,.nav-links li a.contact-btn:hover{background:linear-gradient(135deg,#0080ff,#0ff);transform:translateY(-2px);box-shadow:0 5px 18px #00ffff80;text-decoration:none;text-shadow:none}.logo{font-size:1.6rem;font-weight:700;color:#fff;padding-left:3%}.logo span{color:#0ff;font-weight:800;text-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.3);margin-left:4px}}@media (min-width: 1001px) and (max-width: 1024px){.nav-links{gap:30px;padding-right:15px}}@media (max-width: 768px){.nav-links{display:none;padding-right:0;gap:1rem}.navbar{padding:3%;background:#040404f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,229,255,.2);width:100vw}.logo{font-size:1.3rem;font-weight:700;color:#fff;padding-left:5%}.menu-icon{display:block;margin-left:auto;padding-right:5%;background-color:transparent!important;outline:none;border:none;-webkit-tap-highlight-color:transparent}.menu-icon:hover,.menu-icon:focus,.menu-icon:active{background-color:transparent!important;outline:none;box-shadow:none}.nav-links{display:none;flex-direction:column;position:absolute;top:100%;right:2%;background:#040404f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,229,255,.1);width:25%;padding:2%;text-align:center}.nav-links.active{display:flex}.nav-links.active li a{opacity:0;animation:slideFromCenter .5s ease-out forwards}.nav-links.active li:nth-child(1) a{animation-delay:.1s}.nav-links.active li:nth-child(2) a{animation-delay:.2s}.nav-links.active li:nth-child(3) a{animation-delay:.3s}.nav-links.active li:nth-child(4) a{animation-delay:.4s}.nav-links.active li:nth-child(5) a{animation-delay:.5s}.nav-links.active li:nth-child(6) a{animation-delay:.6s}.nav-links li a.active-nav{color:#0ff!important;border:1px solid #00ffff!important;border-radius:15px!important;padding:5px 10px!important;text-shadow:0px 0px 8px #00ffff!important;box-shadow:0 0 10px #00ffff4d!important;background:#00ffff1a!important}.nav-links li a.active-nav:hover{text-decoration:none!important}.nav-links li:last-child a{background:none!important;color:#fff!important;padding:0!important;border-radius:0!important;font-weight:400!important;box-shadow:none!important;transition:all .1s ease-in-out!important}.nav-links li:last-child a:hover{background:none!important;color:#0ff!important;transform:none!important;box-shadow:none!important;text-decoration:underline!important;text-shadow:0px 0px 8px cyan!important}.contact-me-text{display:none}}body{font-family:Inter,Segoe UI,Roboto,sans-serif;color:#fff;background-color:#080808}.container{display:flex;flex-direction:column;max-width:100%;margin:0 auto 5%;gap:2rem;padding:2rem 2rem 4rem;align-items:center}.about-main{display:flex;flex-direction:row;width:100%;gap:2rem;align-items:center}.about_left{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.6rem;padding-left:3.5vw}.slide-in-left{opacity:0;transform:translate(-100px);animation:slideInFromLeft .8s ease-out forwards}.slide-in-right{opacity:0;transform:translate(100px);animation:slideInFromRight .8s ease-out forwards}.al_name{animation-delay:.2s}.al_job_role{animation-delay:.5s}.al_description{animation-delay:.7s}.al_social{animation-delay:.9s}.al_contact_way{animation-delay:1.1s}.profile-image{animation-delay:.8s}.al_name{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.al_name_base{font-size:2.5rem;font-weight:500;color:#fff}.al_name_details{font-size:2.5rem;font-weight:700;color:#00e5ff}.al_job_role{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap;align-items:center}.al_job_base{font-size:1.6rem;font-weight:400;color:#fff;display:inline-block}.al_job_details{font-size:1.7rem;font-weight:600;color:#00e5ff;display:inline-block;min-height:2.5rem}.typing-effect{border-right:3px solid #00e5ff;overflow:hidden;white-space:nowrap;animation:blink-caret .75s step-end infinite;display:inline-block;min-height:inherit}@keyframes blink-caret{0%,to{border-color:#00e5ff}50%{border-color:transparent}}.al_description{max-width:100%;margin-bottom:1.5rem}.al_description p{line-height:1.6;color:#fffc;font-size:1rem}.al_social{display:flex;gap:1.5rem;padding-bottom:1rem;flex-wrap:wrap;position:relative}.social-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background-color:#080808;color:#00e5ff;transition:all .3s ease;border:1.5px solid #00e5ff;text-decoration:none;opacity:0;transform:translate(0);animation:socialSlideIn .6s ease-out forwards}.slide-in-left .social-icon:nth-child(1){animation-delay:.4s}.slide-in-left .social-icon:nth-child(2){animation-delay:.8s;transform:translate(-60px)}.slide-in-left .social-icon:nth-child(3){animation-delay:1.2s;transform:translate(-120px)}.slide-in-left .social-icon:nth-child(4){animation-delay:1.6s;transform:translate(-180px)}@keyframes socialSlideIn{to{opacity:1;transform:translate(0)}}.social-icon:hover,.social-icon.active{background-color:#000;transform:translateY(-5px)}.social-icon:nth-child(1):hover{border-color:#00e5ff;box-shadow:0 0 20px #00e5ff;color:#00e5ff}.social-icon:nth-child(2):hover{border-color:#00e5ff;box-shadow:0 0 20px #00e5ff;color:#00e5ff}.social-icon:nth-child(3):hover{border-color:#00e5ff;box-shadow:0 0 20px #00e5ff;color:#00e5ff}.social-icon:nth-child(4):hover{border-color:#00e5ff;box-shadow:0 0 20px #00e5ff;color:#00e5ff}.al_contact_way{display:flex;gap:1.2rem;flex-wrap:wrap}.al_hire_me button,.al_contact button{padding:.6rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;outline:none;white-space:nowrap;display:flex;align-items:center;gap:.4rem;justify-content:center}.al_hire_me button{background-color:#00e5ff;color:#000;border:2px solid #00e5ff}.al_contact button{background-color:#080808;color:#00f7ff;border:2px solid #00f7ff}.al_hire_me button:hover{background-color:#00f7ff;box-shadow:0 0 25px #00e5ffcc;transform:translateY(-2px)}.al_contact button:hover{color:#000;background-color:#00f7ff;box-shadow:0 0 25px #00e5ffcc;transform:translateY(-2px)}.button-icon{font-size:1rem}.about_right{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 0 2rem 3rem;margin-left:4%}.profile-image{width:350px;height:350px;border-radius:50%;border:5px solid #00e5ff;transition:all .3s ease;overflow:hidden;display:flex;align-items:center;justify-content:center}.profile-image img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-image:hover{border:8px solid #00e5ff;box-shadow:0 0 30px #00e5ffcc;transform:scale(1.02)}@media (min-width: 1400px){.container{max-width:1400px;padding:10rem 3rem 3rem;gap:4rem}.al_name_base,.al_name_details{font-size:3rem}.al_job_base{font-size:2rem}.al_job_details{font-size:2.1rem;min-height:3rem;line-height:3rem}.profile-image{width:400px;height:400px}}@media (min-width: 1024px) and (max-width: 1399px){.container{max-width:1100px;padding:8rem 2rem 2rem;gap:3rem}.al_name_base,.al_name_details{font-size:2.8rem}.al_job_base{font-size:1.8rem}.al_job_details{font-size:1.9rem;min-height:2.8rem;line-height:2.8rem}.profile-image{width:320px;height:320px}}@media (min-width: 768px) and (max-width: 1023px){.container{flex-direction:column-reverse;align-items:center;padding:8rem 1.5rem 2rem;gap:2rem;text-align:center}.about_left{align-items:center;max-width:100%}.al_name{justify-content:center}.al_name_base,.al_name_details{font-size:2.2rem}.al_job_base{font-size:1.4rem}.al_job_details{font-size:1.5rem;min-height:2.2rem;line-height:2.2rem}.profile-image{width:280px;height:280px}.al_contact_way,.al_social{justify-content:center}}@media (min-width: 480px) and (max-width: 767px){.container{flex-direction:column-reverse;align-items:center;padding:7rem 1rem 1rem;gap:1.5rem;text-align:center}.about_left{align-items:center;gap:.6rem}.al_name{justify-content:center;flex-direction:column;gap:.2rem}.al_name_base,.al_name_details{font-size:1.8rem}.al_job_role{justify-content:center;flex-direction:column;gap:.2rem}.al_job_base{font-size:1.2rem}.al_job_details{font-size:1.3rem;min-height:2rem;line-height:2rem}.al_description p{font-size:.9rem}.profile-image{width:220px;height:220px}.al_contact_way{flex-direction:column;gap:1rem;width:100%}.al_hire_me button,.al_contact button{width:100%;padding:1rem 2rem}.al_social{justify-content:center}.social-icon{width:40px;height:40px}}@media (max-width: 479px){.container{flex-direction:column-reverse;align-items:center;padding:6rem .5rem 1rem;gap:1rem;text-align:center}.about_left{align-items:center;padding:0 1rem;gap:.4rem}.al_name{justify-content:center;flex-direction:column;gap:.1rem}.al_name_base,.al_name_details{font-size:1.5rem}.al_job_role{justify-content:center;flex-direction:column;gap:.1rem}.al_job_base{font-size:1rem}.al_job_details{font-size:1.1rem;min-height:1.8rem;line-height:1.8rem}.al_description p{font-size:.8rem;line-height:1.5}.about_right{padding-left:0}.profile-image{width:180px;height:180px}.al_contact_way{flex-direction:column;gap:.8rem;width:100%}.al_hire_me button,.al_contact button{width:100%;padding:.8rem 1.5rem;font-size:.9rem}.al_social{justify-content:center;gap:1rem}.social-icon{width:35px;height:35px;font-size:.9rem}}.al_statistics{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap;width:100%;justify-content:center}.stat-card{background:#040404cc;border:1px solid rgba(0,229,255,.2);border-radius:10px;padding:1.2rem 1rem;flex:1;min-width:200px;max-width:300px;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card:hover{transform:translateY(-3px);border-color:#00e5ff80;box-shadow:0 8px 25px #00e5ff33}.stat-icon{font-size:1.8rem;margin-bottom:.8rem;display:block;filter:grayscale(.2) contrast(1.1)}.stat-icon img{width:32px;height:32px;object-fit:contain}.stat-number{font-size:1.8rem;font-weight:700;color:#00e5ff;margin-bottom:.3rem;display:block}.stat-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.8rem;display:block}.stat-description{font-size:.8rem;color:#fffc;line-height:1.4}@media (min-width: 1025px){.al_statistics{order:1;margin-top:2rem;margin-bottom:0}.about-main{order:0}}@media (min-width: 769px) and (max-width: 1024px){.container{flex-direction:column}.about-main{flex-direction:row;gap:1.5rem;order:0}.about_left,.about_right{flex:1}.al_statistics{order:1;margin-top:2rem;margin-bottom:0;gap:1.2rem}.stat-card{min-width:180px;max-width:280px;padding:1rem .8rem}.al_name_base{font-size:2rem}.al_job_details{font-size:1.3rem}.al_description p{font-size:.9rem;line-height:1.4}.al_contact_way button{font-size:.85rem;padding:.7rem 1.2rem}}@media (max-width: 768px){.container{flex-direction:column}.about-main{flex-direction:column;gap:1rem;order:1}.about_right{order:1;margin-left:0%}.about_left{order:2}.al_statistics{order:2;flex-direction:row;flex-wrap:wrap;gap:.3rem;margin-top:1.5rem;margin-bottom:0;justify-content:space-between}.stat-card{width:calc(33.333% - .2rem);min-width:unset;max-width:unset;padding:.5rem .3rem;flex-shrink:0}.stat-icon{font-size:1rem;margin-bottom:.2rem}.stat-icon img{width:20px;height:20px}.stat-number{font-size:1rem;margin-bottom:.1rem}.stat-title{font-size:.65rem;line-height:1.1;margin-bottom:0}.stat-description{display:none}}@media (max-width: 480px){.stat-card{padding:.8rem .6rem}.stat-icon,.stat-number{font-size:1.3rem}.stat-title{font-size:.8rem}.stat-description{font-size:.7rem}}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background-color:#00e5ff;color:#000;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease;box-shadow:0 4px 15px #00e5ff4d;z-index:1000}.scroll-to-top:hover{background-color:#00f7ff;transform:translateY(-3px);box-shadow:0 6px 20px #00e5ff80}.scroll-to-top:active{transform:translateY(-1px)}@media (max-width: 768px){.scroll-to-top{width:45px;height:45px;bottom:1.5rem;right:1.5rem;font-size:1rem}}@media (max-width: 480px){.scroll-to-top{width:40px;height:40px;bottom:1rem;right:1rem;font-size:.9rem}}.education-container{min-height:90vh;background-color:#040404;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;padding:2rem 2rem 4rem;font-family:system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.education-title{font-size:3.5rem;font-weight:700;margin-bottom:2rem;text-align:center;position:relative;z-index:2}.hidden-nav{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.animate-nav{opacity:1;transform:translateY(0);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.education-nav{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap;justify-content:center;position:relative;z-index:2}.education-nav-btn{padding:.8rem 2rem;border:2px solid rgba(0,255,255,.3);background-color:#000;color:#fff;border-radius:30px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;font-weight:500;position:relative;overflow:hidden;transform:scale(1)}.education-nav-btn:hover{border-color:#00ffffb3;background-color:#000;transform:translateY(-4px) scale(1.08)}.education-nav-btn:active{transform:translateY(-2px) scale(1.05);background-color:#000;box-shadow:0 8px 20px #0ff3}.education-nav-btn.active{background-color:#000;border-color:#0ff;color:#0ff;box-shadow:0 0 25px #0ff6;transform:scale(1.1)}.education-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;width:100%;position:relative;z-index:2;transition:opacity .3s ease}.education-grid.loading{opacity:.3;pointer-events:none}.fade-in-card{opacity:0;transform:translateY(40px) scale(.95)}.animate-cards .fade-in-card{animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0) scale(1)}}.animate-cards .fade-in-card:nth-child(1){animation-delay:0s}.animate-cards .fade-in-card:nth-child(2){animation-delay:.3s}.animate-cards .fade-in-card:nth-child(3){animation-delay:.6s}.animate-cards .fade-in-card:nth-child(4){animation-delay:.9s}.animate-cards .fade-in-card:nth-child(5){animation-delay:1.2s}.animate-cards .fade-in-card:nth-child(6){animation-delay:1.5s}.fade-in-card:active{transform:translateY(-8px) scale(1.03);box-shadow:0 15px 30px #00ffff26}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;width:100%}.spinner{width:40px;height:40px;border:3px solid rgba(0,255,255,.2);border-top:3px solid #00ffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.education-card{background:#080808cc;border:1px solid rgba(0,255,255,.2);border-radius:15px;padding:2rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d;cursor:pointer;transform:translateY(0) scale(1)}.education-card:hover{transform:translateY(-12px) scale(1.05);border-color:#0ff9;box-shadow:0 20px 40px #0ff3;z-index:10;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.education-card:active{transform:translateY(-8px) scale(1.03);box-shadow:0 15px 30px #00ffff1a}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.card-header-left{display:flex;align-items:flex-start;gap:1rem;flex:1}.card-logo{width:50px;height:50px;border-radius:8px;overflow:hidden;background:#ffffff1a;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,255,255,.2);flex-shrink:0;order:2}.card-logo img{width:100%;height:100%;object-fit:contain;border-radius:6px}.card-title-section{flex:1}.card-title{font-size:1.3rem;font-weight:700;color:#0ff;margin:0 0 .5rem;line-height:1.3}.card-institution{font-size:1rem;font-weight:500;color:#fffc;margin:0}.card-institution-container{margin-bottom:.5rem}.card-location{font-size:.85rem;color:#fffc;margin-top:.2rem;font-weight:400;display:flex;align-items:center}.card-location:before{content:"";width:12px;height:12px;margin-right:.4rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0}.card-period{font-size:.9rem;color:#ffffffb3;background:#00ffff1a;padding:.3rem .8rem;border-radius:15px;border:1px solid rgba(0,255,255,.2);white-space:nowrap}.card-period-bottom{font-size:.85rem;color:#fff9;background:#00ffff14;padding:.25rem .6rem;border-radius:12px;border:1px solid rgba(0,255,255,.15);display:inline-block;margin-top:.5rem;font-weight:400}.card-description{font-size:.95rem;color:#fffc;line-height:1.6;margin-bottom:1rem}.card-grade{font-size:.9rem;color:#0ff;font-weight:500;background:#00ffff1a;padding:.5rem 1rem;border-radius:8px;display:inline-block;border:1px solid rgba(0,255,255,.2)}.certificate-card{overflow:hidden;padding:0;display:flex;flex-direction:column;position:relative}.certificate-image-container{height:150px;overflow:hidden;position:relative;border-radius:15px 15px 0 0}.certificate-image{width:100%;height:250px;object-fit:cover;object-position:top;transition:transform .3s ease}.certificate-card:hover{transform:translateY(-15px) scale(1.06);box-shadow:0 25px 50px #0ff3;transition:all .3s cubic-bezier(.25,.46,.45,.94);z-index:10}.certificate-card:active{transform:translateY(-10px) scale(1.04);box-shadow:0 20px 40px #00ffff26}.certificate-card:hover .certificate-image{transform:scale(1.08)}.certificate-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:1rem;cursor:pointer}.expand-indicator{display:none;font-size:.8rem;color:#00ffffb3;text-align:center;margin-top:.5rem;font-style:italic}.certificate-card .card-description.expanded{display:block!important;-webkit-line-clamp:none!important;line-clamp:none!important;max-height:none!important;overflow:visible!important}.certificate-place{font-size:1rem;color:#0ffc;font-weight:500;background:#00ffff1a;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(0,255,255,.2);display:inline-block;align-self:flex-start}.certificate-card .card-description{margin-bottom:0;flex:1}.linkedin-button-container{display:flex;justify-content:center;margin-top:3rem;width:100%}.linkedin-btn{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:#0ff;color:#000;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 15px #0077b54d;position:relative;overflow:hidden;text-decoration:none;border:2px solid transparent}.linkedin-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 30px #0077b566;border-color:#00ffff80}.linkedin-btn:active{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 25px #0077b54d}.linkedin-btn-text{flex:1;font-family:system-ui,-apple-system,sans-serif}.linkedin-btn-icon{font-size:1.3rem;transition:transform .3s ease;font-weight:700}.linkedin-btn:hover .linkedin-btn-icon{transform:translate(5px)}.certificate-mobile-controls{display:flex;justify-content:center;margin-top:2rem;width:100%}.certificate-btn{padding:.8rem 1.5rem;background:linear-gradient(135deg,#0ff,#00e5ff);color:#000;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00ffff4d}.view-more-btn:hover,.hide-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ff6;background:linear-gradient(135deg,#00e5ff,#00c8de)}.view-more-btn:active,.hide-btn:active{transform:translateY(0);box-shadow:0 3px 10px #00ffff4d}@media (max-width: 768px){.education-container{padding:3rem 1rem}.education-title{font-size:2.5rem;margin-bottom:1.5rem}.education-nav{gap:.5rem;margin-bottom:2rem;background-color:#000}.education-nav-btn{padding:.6rem 1.5rem;font-size:.9rem}.education-grid{grid-template-columns:1fr;gap:1.5rem}.education-card{padding:1.5rem}.card-header{flex-direction:column;gap:1rem}.card-header-left{width:100%}.card-logo{width:45px;height:45px}.card-title{font-size:1.2rem}.card-period{align-self:flex-start}.card-period-bottom{font-size:.8rem;padding:.2rem .5rem;margin-top:.4rem}.card-location{font-size:.8rem}.card-location:before{width:11px;height:11px;margin-right:.35rem}.certificate-image-container{height:120px}.certificate-image{height:200px}.certificate-content{padding:1.2rem}.certificate-card .card-description{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-height:4.2em;transition:max-height .3s ease}.expand-indicator{display:block}.linkedin-button-container{margin-top:2rem;padding:0 1rem}.linkedin-btn{padding:.9rem 1.5rem;font-size:1rem;gap:.8rem}}@media (max-width: 480px){.education-container{padding:2rem .5rem;margin-top:15%}.education-title{font-size:2rem}.education-nav{flex-direction:row;width:100%;gap:.3rem;justify-content:center;flex-wrap:wrap;background-color:#000}.education-nav-btn{flex:1;min-width:auto;padding:.6rem .8rem;font-size:.8rem;text-align:center}.education-card{padding:1rem}.card-logo{width:40px;height:40px}.card-header-left{gap:.8rem}.card-title{font-size:1.1rem}.card-period-bottom{font-size:.75rem;padding:.2rem .4rem;margin-top:.3rem}.card-location{font-size:.75rem}.card-location:before{width:10px;height:10px;margin-right:.3rem}.certificate-image-container{height:100px}.certificate-image{height:170px}.certificate-content{padding:1rem;gap:.8rem}.certificate-card .card-description{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.3;max-height:2.6em;font-size:.85rem;transition:max-height .3s ease}.certificate-card .card-title{font-size:1rem;line-height:1.2;margin-bottom:.5rem}.expand-indicator{display:block;font-size:.75rem}.certificate-place{font-size:.9rem;padding:.4rem .8rem}.linkedin-button-container{margin-top:1.5rem;padding:0 .5rem}.linkedin-btn{padding:.8rem 1.2rem;font-size:.9rem;gap:.6rem;width:100%;max-width:300px}.linkedin-btn-text{text-align:center}}.services-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 20px 1rem;background:transparent;color:#fff;min-height:85vh}.services-title{font-size:3rem;font-weight:700;margin-bottom:60px;text-align:center;letter-spacing:2px}.hidden-title{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.hidden-left{opacity:0}.animate-left{opacity:1}.hidden-left .animate-item-1,.hidden-left .animate-item-2{opacity:0;transform:translate(-100px)}.animate-left .animate-item-1{opacity:1;transform:translate(0);transition:all .8s cubic-bezier(.25,.46,.45,.94);transition-delay:.2s}.animate-left .animate-item-2{opacity:1;transform:translate(0);transition:all .8s cubic-bezier(.25,.46,.45,.94);transition-delay:.6s}.hidden-right{opacity:0;transform:translateY(100px);transition:all 1s cubic-bezier(.25,.46,.45,.94)}.animate-right{opacity:1;transform:translateY(0);transition:all 1s cubic-bezier(.25,.46,.45,.94)}.services-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1400px;width:100%;align-items:start}.services-left{display:flex;flex-direction:column;gap:20px;width:90%;margin-left:12%}.intro-title{font-size:2.5rem;font-weight:700;color:#0ff;letter-spacing:1px}.intro-description{font-size:1rem;line-height:1.8;color:#e0e0e0;margin-bottom:10px}.services-expectations{margin-bottom:20px}.expectations-title{font-size:1.3rem;font-weight:600;color:#0ff;margin-bottom:20px}.expectations-list{list-style:none;padding:0;margin:0}.expectations-list li{font-size:.9rem;color:#e0e0e0;margin-bottom:12px;padding-left:25px;position:relative}.expectations-list li:before{content:"▶";color:#0ff;font-size:.8rem;position:absolute;left:0;top:50%;transform:translateY(-50%)}.services-overview{margin-top:20px}.overview-text{font-size:1.1rem;line-height:1.8;color:silver;text-align:justify}.services-right{display:flex;justify-content:center;align-items:center}.service-carousel{width:100%;max-width:500px;position:relative;transition:transform .3s ease}.service-card-container{background:#000;border-radius:20px;padding:40px;box-shadow:0 10px 20px #00ffff1a,0 10px 10px #0000004d;border:2px solid rgba(0,255,255,.2);transition:transform .5s ease,box-shadow .5s ease,border-color .5s ease;height:320px;display:flex;flex-direction:column;justify-content:flex-start;position:relative;overflow:hidden}.service-card-container:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0ff3,0 15px 30px #0006;border-color:#0ff}.service-card-container.slide-out-left{opacity:0;transition:opacity .4s ease-out}.service-card-container.slide-in-center{opacity:1;transition:opacity .6s ease-in}.service-card-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:30px}.service-header-text{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.work-type-badge{font-size:.8rem;font-weight:600;padding:.3rem .8rem;border-radius:1rem;text-transform:uppercase;letter-spacing:.5px}.work-type-badge.individual{background-color:#00ffff26;color:#0ff;border:1px solid rgba(0,255,255,.3)}.work-type-badge.group{background-color:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3)}.service-icon{font-size:2rem;color:#0ff;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#00ffff1a;border-radius:50%;transition:all .3s ease}.service-card-container:hover .service-icon{background:#0ff3;transform:scale(1.1)}.service-card-title{font-size:1.5rem;font-weight:700;color:#fff;text-align:right;letter-spacing:1px;flex:1;margin:0 0 0 15px}.service-card-body{flex-grow:1;margin-bottom:30px}.service-card-description{font-size:.88rem;line-height:1.7;color:#d0d0d0;text-align:center;margin:0}.service-card-footer{display:flex;justify-content:center;position:absolute;bottom:20px;left:0;right:0}.contact-btn{background:linear-gradient(45deg,#0ff,#00a8cc);color:#000;border:none;padding:15px 30px;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.contact-btn:hover{background:linear-gradient(45deg,#00a8cc,#0ff);transform:scale(1.05);box-shadow:0 10px 20px #00ffff4d}.dots-container{display:flex;justify-content:center;gap:15px;margin-top:30px}.dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(0,255,255,.3);background:transparent;cursor:pointer;transition:all .3s ease}.dot:hover{border-color:#0ff9;transform:scale(1.2)}.dot.active{background:#0ff;border-color:#0ff;box-shadow:0 0 15px #00ffff80}@media (max-width: 1024px){.services-content{grid-template-columns:1fr;gap:60px;text-align:center;justify-items:center}.services-container{min-height:60vh}.services-left{order:2;width:80%;display:flex;margin:0 auto}.services-expectations{display:none}.services-right{order:1}.overview-text{text-align:center}}@media (max-width: 768px){.services-container{padding:60px 15px}.services-title{font-size:2.5rem;margin-bottom:40px}.intro-title{font-size:2rem}.services-left{margin-left:0;width:100%;display:flex}.service-card-container{padding:30px 20px;height:280px}.service-icon{font-size:1.8rem;width:45px;height:45px}.service-card-title{font-size:1.3rem}.service-card-description{font-size:.95rem}.contact-btn{padding:12px 25px;font-size:.9rem}}@media (max-width: 480px){.services-container{margin-top:-10%}.services-title{font-size:2rem}.intro-title{font-size:1.8rem}.intro-description,.overview-text,.expectations-list li{font-size:1rem}.services-left{display:none}.services-content{grid-template-columns:1fr;justify-items:center}.service-carousel:after{content:"← Swipe to navigate →";position:absolute;bottom:-40px;left:50%;transform:translate(-50%);font-size:.8rem;color:#00ffffb3;font-style:italic;white-space:nowrap}.service-card-container{padding:25px 15px;height:260px;touch-action:pan-x;-webkit-user-select:none;user-select:none}.service-icon{font-size:1.5rem;width:40px;height:40px}.service-card-title{font-size:1.1rem}.service-card-description{font-size:.9rem}.service-card-description{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.read-more-hint{font-size:.75rem;color:#0ff;font-style:italic;margin-top:5px;display:block}}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.popup-content{background:#000;border-radius:20px;width:100%;max-width:400px;max-height:80vh;overflow-y:auto;border:2px solid cyan}.popup-header{display:flex;align-items:center;padding:20px;border-bottom:1px solid rgba(0,255,255,.2);position:relative}.popup-header-text{display:flex;flex-direction:column;gap:.5rem;flex:1}.popup-icon{font-size:2rem;color:#0ff;margin-right:15px;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#00ffff1a;border-radius:50%}.popup-title{font-size:1.3rem;font-weight:700;color:#fff;margin:0}.popup-close{position:absolute;top:15px;right:15px;background:none;border:none;color:#0ff;font-size:2rem;cursor:pointer;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.popup-close:hover{background:#00ffff1a;transform:scale(1.1)}.popup-body{padding:20px}.popup-description{font-size:1rem;line-height:1.6;color:#d0d0d0;margin:0;text-align:left}.popup-footer{padding:20px;border-top:1px solid rgba(0,255,255,.2);display:flex;justify-content:center}.popup-contact-btn{background:linear-gradient(45deg,#0ff,#00a8cc);color:#000;border:none;padding:12px 25px;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.popup-contact-btn:hover{background:linear-gradient(45deg,#00a8cc,#0ff);transform:scale(1.05);box-shadow:0 10px 20px #00ffff4d}.skills-container{min-height:100vh;background-color:#000;background:transparent;color:#fff;padding:2rem 2rem 1rem;display:flex;flex-direction:column;align-items:center;font-family:system-ui,-apple-system,sans-serif;margin:5%}.skills-title{font-size:3.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.hidden-nav{opacity:0}.animate-nav{opacity:1}.hidden-nav .skills-nav-btn{opacity:0;transform:translate(100px)}.animate-nav .skills-nav-btn:nth-child(1){opacity:1;transform:translate(0);transition:all .6s cubic-bezier(.25,.46,.45,.94);transition-delay:.1s}.animate-nav .skills-nav-btn:nth-child(2){opacity:1;transform:translate(0);transition:all .6s cubic-bezier(.25,.46,.45,.94);transition-delay:.3s}.animate-nav .skills-nav-btn:nth-child(3){opacity:1;transform:translate(0);transition:all .6s cubic-bezier(.25,.46,.45,.94);transition-delay:.5s}.animate-nav .skills-nav-btn:nth-child(4){opacity:1;transform:translate(0);transition:all .6s cubic-bezier(.25,.46,.45,.94);transition-delay:.7s}.animate-nav .skills-nav-btn:nth-child(5){opacity:1;transform:translate(0);transition:all .6s cubic-bezier(.25,.46,.45,.94);transition-delay:.9s}.animate-nav .skills-nav-btn:nth-child(6){opacity:1;transform:translate(0);transition:all .6s cubic-bezier(.25,.46,.45,.94);transition-delay:1.1s}.hidden-cards{opacity:0}.animate-cards{opacity:1;transition:opacity .3s ease}.skills-nav{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap;justify-content:center}.skills-nav-btn{padding:.8rem 1.5rem;border:2px solid rgba(255,255,255,.3);border-radius:2rem;background-color:transparent;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit;background-color:#000}.skills-nav-btn:hover{border-color:#0ff;color:#0ff;box-shadow:0 0 15px #00ffff4d}.skills-nav-btn.active{border-color:#0ff;background-color:#00ffff1a;color:#0ff;box-shadow:0 0 20px #0ff6}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:900px;width:100%}.skill-card{aspect-ratio:1;border:2px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;transition:all .3s ease;background-color:#000;opacity:0;transform:translateY(100px)}.animate-cards .animate-skill-card{animation:slideUpFromBottom .8s ease-out forwards}@keyframes slideUpFromBottom{to{opacity:1;transform:translateY(0)}}.animate-cards .animate-skill-card:nth-child(1){animation-delay:0s}.animate-cards .animate-skill-card:nth-child(2){animation-delay:.1s}.animate-cards .animate-skill-card:nth-child(3){animation-delay:.2s}.animate-cards .animate-skill-card:nth-child(4){animation-delay:.3s}.animate-cards .animate-skill-card:nth-child(5){animation-delay:.4s}.animate-cards .animate-skill-card:nth-child(6){animation-delay:.5s}.animate-cards .animate-skill-card:nth-child(7){animation-delay:.6s}.animate-cards .animate-skill-card:nth-child(8){animation-delay:.7s}.animate-cards .animate-skill-card:nth-child(9){animation-delay:.8s}.animate-cards .animate-skill-card:nth-child(10){animation-delay:.9s}.animate-cards .animate-skill-card:nth-child(11){animation-delay:1s}.animate-cards .animate-skill-card:nth-child(12){animation-delay:1.1s}.skill-card:hover{border-color:#06b6d4;box-shadow:0 0 30px 5px #06b6d4e6;transform:translateY(-5px)}.skill-icon{width:80px;height:60px;display:flex;justify-content:center;align-items:center;font-size:2rem}.skill-icon img{width:100%;height:100%;object-fit:contain}.skill-name{font-size:1.4rem;font-weight:500;text-align:center}@media (max-width: 992px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.skills-container{padding:3rem 1rem}.skills-title{font-size:2.5rem;margin-bottom:1.5rem}.skills-nav{gap:.5rem;margin-bottom:2rem}.skills-nav-btn{padding:.6rem 1rem;font-size:.9rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.skill-icon{width:50px;height:50px;font-size:1.8rem}}@media (max-width: 480px){.skills-nav{gap:.3rem}.skills-nav-btn{padding:.5rem .8rem;font-size:.8rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.skill-icon{width:60px;height:40px;font-size:1.5rem}.skill-name{font-size:.8rem;padding-top:10%}}@media (min-width: 1025px){.skills-container{min-height:fit-content;margin:3% 5% 0%;padding-bottom:.5rem}}.contact-container{background-color:#000;background:transparent;color:#fff;padding:1rem 2rem;display:flex;flex-direction:column;align-items:center;font-family:system-ui,-apple-system,sans-serif;position:relative;overflow:hidden;min-height:60%}.hidden-form{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.animate-form{opacity:1;transform:translateY(0);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.animate-form-left .animate-form-item{opacity:0;transform:translate(-50px);animation:slideInFromLeft .8s cubic-bezier(.25,.46,.45,.94) forwards}.animate-form-left .animate-form-item:nth-child(1){animation-delay:.2s}.animate-form-left .animate-form-item:nth-child(2){animation-delay:.4s}.animate-form-left .animate-form-item:nth-child(3){animation-delay:.6s}.animate-form-right .animate-form-item{opacity:0;transform:translate(50px);animation:slideInFromRight .8s cubic-bezier(.25,.46,.45,.94) forwards}.animate-form-right .animate-form-item:nth-child(1){animation-delay:.3s}.submit-button.animate-form-item{opacity:0;transform:translateY(30px);animation:slideInFromBottom .8s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.8s}@keyframes slideInFromLeft{to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom{to{opacity:1;transform:translateY(0)}}.contact-title{font-size:3.5rem;font-weight:700;margin-bottom:3rem;text-align:center;position:relative;z-index:2}.contact-form{width:90%;max-width:1000px;position:relative;z-index:2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:90%;padding:1rem;background-color:transparent;border:1px solid rgb(6,182,212);border-radius:.5rem;color:#fff;font-size:1rem;transition:all .3s ease;background-color:#000}.form-group input:focus,.form-group textarea:focus{outline:none;box-shadow:0 0 25px #06b6d44d}.form-group textarea{height:100%;min-height:200px;resize:vertical}.submit-button{background-color:#0ff;color:#000;border:none;padding:1rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:550;cursor:pointer;transition:all .3s ease;display:block;margin-left:auto}.submit-button:hover{background-color:#03e9e9;transform:translateY(-2px);box-shadow:0 0 15px #06b6d480}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.status-message{margin:1rem 0;padding:1rem;border-radius:.5rem;text-align:center;font-weight:500}.status-message.success{background-color:#06b6d41a;color:#06b6d4;border:1px solid rgb(6,182,212)}.status-message.error{background-color:#ef44441a;color:#ef4444;border:1px solid rgb(239,68,68)}@media (max-width: 768px){.contact-container{align-items:center;padding:2rem 1rem}.contact-title{font-size:2.5rem;margin-bottom:2rem;align-items:center}.form-grid{grid-template-columns:1fr;width:100%;gap:.5rem;margin-left:5%}.form-group textarea{min-height:110px}.submit-button{width:90%;margin:0 0 0 5%}}@media (min-width: 769px){.submit-button{align-self:flex-end;margin-left:0;margin-top:-5rem;margin-right:3rem;width:auto;min-width:200px}.contact-form{display:flex;flex-direction:column;align-items:stretch}}@media (min-width: 768px) and (max-width: 1024px){.contact-container{min-height:60vh;padding:1rem 2rem;margin-top:-3rem}.contact-title{font-size:3rem;margin-bottom:1.5rem}.submit-button{align-self:flex-end;margin-left:0;margin-top:-5rem;margin-right:3rem;width:auto;min-width:180px}}@media (max-width: 768px){.submit-button{align-self:center;margin-left:auto;margin-right:auto;margin-top:1rem}.contact-container{min-height:100vh;margin-bottom:15%}}@media (min-width: 1025px){.contact-container{padding:1rem 2rem;min-height:fit-content;margin-top:5rem}.contact-title{margin-bottom:2rem}}.footer{background-color:#000;color:#fff;font-family:system-ui,-apple-system,sans-serif;padding-bottom:2%;padding-top:5%;margin-top:3%}.footer-top{text-align:center;margin-bottom:3rem;padding:0 2rem}.social-icons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.social-icon{width:45px;height:45px;border:1.5px solid rgb(6,182,212);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;font-size:1.2rem}.social-icon:hover{color:#fff;transform:translateY(-3px);box-shadow:0 0 35px #06b6d480}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;margin-bottom:3rem;padding-left:6rem}.footer-section{display:flex;flex-direction:column}.footer-title{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#06b6d4;padding-bottom:.2rem}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;gap:.8rem;color:#ffffffe6}.contact-icon{color:#fff;font-size:1rem;min-width:16px}.contact-link{color:#ffffffe6;text-decoration:none;transition:all .3s ease;cursor:pointer}.contact-link:hover{color:#06b6d4}.project-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.2rem}.project-item{margin:0}.project-link{background:none;border:none;color:#ffffffe6;cursor:pointer;text-align:left;width:100%;padding:.5rem 0;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;font-size:.95rem}.project-link:hover{color:#06b6d4;padding-left:.5rem}.external-icon{font-size:.8rem;opacity:.7;display:none}.service-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.service-item{color:#ffffffe6;padding:.5rem 0;transition:all .3s ease}.service-item:hover{color:#06b6d4;padding-left:.5rem}.footer-nav{display:flex;flex-direction:column}.nav-link{color:#ffffffe6;text-decoration:none;padding:.5rem 0;transition:all .3s ease}.nav-link:hover{color:#06b6d4;padding-left:.5rem}.copyright{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:.9rem}@media (max-width: 1024px){.footer-section:nth-child(4){display:none!important}.footer-section:nth-child(2){display:none!important}.footer{margin-top:-3rem;padding-top:3%}.footer-grid{grid-template-columns:repeat(2,1fr);gap:2rem;padding-left:2rem}}@media (max-width: 768px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding-left:0rem}.footer-section:nth-child(4){display:none!important}.footer-section:nth-child(2){display:none!important}.footer-title{font-size:.9rem;margin-bottom:.8rem}.contact-item,.project-link,.service-item,.nav-link{font-size:.5rem}.social-icons{gap:1rem}.social-icon{width:40px;height:40px;font-size:1rem}.social-icons .social-icon:last-child{display:none}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr;gap:2rem;padding-left:0;text-align:left}.footer-section:not(:first-child){display:none}.footer-section:first-child{text-align:left;max-width:300px;margin:0}.footer-title{text-align:left;font-size:1.2rem}.contact-info{align-items:flex-start}.contact-item{justify-content:flex-start;font-size:.9rem}.footer-top{margin-bottom:2rem}.popup-overlay{padding:1rem}.popup-content{max-height:95vh;border-radius:.5rem}.popup-header{padding:1.5rem 1.5rem 1rem;flex-direction:column;align-items:flex-start}.popup-header h2{font-size:1.5rem}.popup-body{padding:0 1.5rem 1.5rem}.popup-body h3{font-size:1.2rem}.popup-info-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.popup-image-container{padding:1rem 1.5rem}.popup-status-badge{right:2rem}}.project-container{min-height:100vh;background-color:#000;background:transparent;color:#fff;padding:2rem 2rem 1rem;font-family:system-ui,-apple-system,sans-serif}.project-title{font-size:3.5rem;font-weight:700;margin-bottom:4rem;text-align:center}.hidden-title{opacity:0;transform:translateY(100px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.animate-title{opacity:1;transform:translateY(0);transition:all .8s cubic-bezier(.25,.46,.45,.94)}@keyframes titleFadeIn{to{opacity:1;transform:translateY(0)}}.highlight{color:#0ff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.hidden-projects{opacity:0}.animate-projects{opacity:1;transition:opacity .3s ease}@keyframes gridFadeIn{to{opacity:1}}.project-card{background-color:#000;border-radius:1rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(6,182,212,.2);opacity:0;transform:translateY(100px)}.animate-projects .animate-project-card{animation:projectSlideUpFromBottom .8s ease-out forwards}.animate-projects .animate-project-card:nth-child(1){animation-delay:0s}.animate-projects .animate-project-card:nth-child(2){animation-delay:.2s}.animate-projects .animate-project-card:nth-child(3){animation-delay:.4s}.animate-projects .animate-project-card:nth-child(4){animation-delay:.6s}.animate-projects .animate-project-card:nth-child(5){animation-delay:.8s}.animate-projects .animate-project-card:nth-child(6){animation-delay:1s}@keyframes projectSlideUpFromBottom{to{opacity:1;transform:translateY(0)}}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #06b6d433}.project-image-container{height:200px;overflow:hidden;position:relative;padding:5px 5px 0}.project-image{width:100%;height:80%;object-fit:cover;object-position:top;display:block;transition:transform .3s ease;border-radius:10px 10px 0 0}.project-card:hover .project-image{transform:scale(1.05)}.project-status-badge{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:0;transform:translateY(-10px);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.project-image-container:hover .project-status-badge{opacity:1;transform:translateY(0)}.project-status-badge.completed{background-color:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.4);box-shadow:0 4px 15px #22c55e33}.project-status-badge.ongoing{background-color:#f9731626;color:#f97316;border:1px solid rgba(249,115,22,.4);box-shadow:0 4px 15px #f9731633}.project-content{padding:0 1.5rem 1.5rem;background-color:#000;opacity:0;transform:translateY(20px)}.animate-projects .animate-project-card .project-content{animation:contentFadeUp .6s ease-out forwards;animation-delay:inherit}@keyframes contentFadeUp{to{opacity:1;transform:translateY(0)}}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.project-name{font-size:1.5rem;font-weight:700;color:#fff}.project-duration{font-size:.9rem;color:#0ff;font-weight:500;background-color:#06b6d41a;padding:.3rem .8rem;border-radius:1rem;border:1px solid rgba(6,182,212,.3)}.project-description{color:#fffc;line-height:1.6;margin-bottom:1rem;font-size:.95rem}.see-more-link{color:#0ff;cursor:pointer;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:.9rem}.see-more-link:hover{color:#03e9e9;text-shadow:0 0 5px rgba(6,182,212,.5)}.project-tech{margin-bottom:1.5rem}.tech-section{margin-bottom:1rem}.tech-section h4{font-size:.9rem;color:#0ff;margin-bottom:.5rem;font-weight:600}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background-color:#06b6d41a;color:#fff;padding:.3rem .8rem;border-radius:1rem;font-size:.8rem;border:1px solid rgba(6,182,212,.3)}.lang-tag{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.3)}.project-buttons{display:flex;gap:1rem;flex-wrap:wrap}.project-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.2rem;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;flex:1;justify-content:center;min-width:120px}.btn-icon{width:18px;height:18px;stroke-width:2}.demo-btn{background-color:#0ff;color:#000;border:2px solid #00ffff}.demo-btn:hover{background-color:transparent;color:#0ff;box-shadow:0 0 15px #06b6d480}.code-btn{background-color:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.code-btn:hover{background-color:#fff;color:#000;border-color:#fff;box-shadow:0 0 15px #ffffff4d}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem}.popup-content{background-color:#000;border:2px solid rgba(6,182,212,.3);border-radius:1rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.popup-close{position:absolute;top:.5rem;right:.5rem;background-color:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;z-index:1001}.popup-close:hover{background-color:#ffffff1a;color:#0ff}.popup-close svg{width:24px;height:24px;stroke-width:2}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;flex-wrap:wrap;gap:1rem}.popup-header h2{font-size:2rem;color:#fff;margin:0}.popup-header-badges{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.popup-work-type{padding:.5rem 1rem .6rem;border-radius:1rem;font-weight:600;font-size:.9rem;letter-spacing:.5px;background-color:#00ffff26;color:#0ff;border:1px solid rgba(0,255,255,.4)}.popup-image-container{position:relative;padding:1rem 2rem;margin-bottom:1rem;height:80%}.popup-project-image{width:100%;height:80%;object-fit:cover;border-radius:.5rem;border:2px solid rgba(6,182,212,.3)}.popup-status-badge{position:absolute;top:1.5rem;right:2.5rem;padding:6px 12px;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000004d}.popup-status-badge.completed{background-color:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.4);box-shadow:0 8px 32px #22c55e40}.popup-status-badge.ongoing{background-color:#f9731626;color:#f97316;border:1px solid rgba(249,115,22,.4);box-shadow:0 8px 32px #f9731640}.popup-body{padding:0 2rem 2rem}.popup-body h3{color:#0ff;font-size:1.5rem;margin-bottom:1rem;font-weight:600}.popup-body p{color:#ffffffe6;line-height:1.7;margin-bottom:2rem;font-size:1rem;white-space:pre-line}.popup-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background-color:#06b6d40d;border-radius:.8rem;border:1px solid rgba(6,182,212,.2)}.popup-info-section h4{color:#0ff;font-size:1rem;margin-bottom:.5rem;font-weight:600}.popup-info-section p{color:#ffffffe6;font-size:.95rem;margin:0;font-weight:500}.popup-tech{margin-bottom:2rem}.popup-tech-section{margin-bottom:1.5rem}.popup-tech-section h4{color:#0ff;font-size:1.1rem;margin-bottom:.8rem;font-weight:600}.popup-tech-tags{display:flex;flex-wrap:wrap;gap:.8rem}.popup-tech-tag{background-color:#06b6d426;color:#fff;padding:.5rem 1rem;border-radius:1.5rem;font-size:.9rem;border:1px solid rgba(6,182,212,.4);font-weight:500}.popup-lang-tag{background-color:#ffffff26;border:1px solid rgba(255,255,255,.4)}.popup-buttons{display:flex;gap:1rem;flex-wrap:wrap}.popup-btn{display:flex;align-items:center;gap:.8rem;padding:1rem 1.5rem;border-radius:.8rem;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;flex:1;justify-content:center;min-width:150px}.popup-btn .btn-icon{width:20px;height:20px;stroke-width:2}@media (max-width: 768px){.project-container{padding:2rem 1rem}.project-title{font-size:2.5rem;margin-bottom:2rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-header{flex-direction:column;align-items:flex-start;gap:.8rem}.project-buttons{flex-direction:column}.project-btn{flex:none}.popup-overlay{padding:1rem}.popup-header{flex-direction:column;align-items:flex-start;padding:1.5rem 1.5rem 1rem}.popup-header h2{font-size:1.5rem}.popup-image-container,.popup-body{padding:0 1.5rem 1.5rem}.popup-status-badge{top:1rem;right:2rem;padding:4px 8px;font-size:.7rem}.popup-buttons{flex-direction:column}.popup-btn{flex:none}}.mobile-toggle-container{display:flex;justify-content:center;margin-top:2rem;padding:0 1rem;opacity:0;transform:translateY(20px)}.animate-projects~.mobile-toggle-container{animation:mobileToggleFadeIn .6s ease-out 1.2s forwards}@keyframes mobileToggleFadeIn{to{opacity:1;transform:translateY(0)}}.mobile-toggle-btn{background-color:transparent;color:#0ff;border:2px solid #00ffff;padding:.8rem 1.5rem;border-radius:.8rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:180px}.mobile-toggle-btn:hover{background-color:#0ff;color:#000;box-shadow:0 0 15px #06b6d480;transform:translateY(-2px)}@media (max-width: 480px){.project-title{font-size:2rem}.projects-grid{grid-template-columns:1fr;gap:1rem}.project-content{padding:1rem}.tech-tags,.popup-tech-tags{gap:.3rem}.tech-tag,.popup-tech-tag{font-size:.75rem;padding:.25rem .6rem}}