body{margin:0;overflow-x:hidden}.navbar{z-index:1000;background:#000;align-items:center;width:100%;height:70px;display:flex;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:0 20px;display:flex}.logo{cursor:pointer;height:40px}.menu-toggle{color:#fff;cursor:pointer;font-size:28px;transition:all .3s;display:none}.menu-toggle:hover{color:#1a63bc}.nav-links{gap:35px;margin:0;padding:0;list-style:none;display:flex}.nav-links li a{color:#fff;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-links li a:hover{color:#1a63bc}.nav-links li a:after{content:"";background-color:#1a63bc;width:0%;height:2px;transition:all .3s;position:absolute;bottom:-6px;left:0}.nav-links li a:hover:after{width:100%}@media (width<=768px){.menu-toggle{display:block}.nav-links{background:#000;flex-direction:column;justify-content:flex-start;align-items:center;gap:25px;width:180px;height:200px;padding-top:40px;transition:right .3s;position:fixed;top:70px;right:-250px;box-shadow:-5px 0 20px #4446}.nav-links.active{right:0}.nav-links li a{font-size:16px}}.hero{z-index:10;background:#000;justify-content:center;align-items:center;width:100%;height:90vh;display:flex;position:relative;top:0;left:0;overflow:hidden}.parallax-layer{will-change:transform;background-repeat:no-repeat;background-size:cover;transition:transform .2s ease-out;position:absolute;inset:-200px}.layer1{transform:translate(calc(var(--moveX) * -1), calc(var(--moveY) * -1));background:radial-gradient(circle at 30% 30%,#045dc922,#0000 50%)}.layer2{transform:translate(calc(var(--moveX) * 1.5), calc(var(--moveY) * 1.5));background:radial-gradient(circle at 70% 70%,#b302b922,#0000 50%)}.particle-canvas{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-title{z-index:2;opacity:0;max-width:600px;animation:1s forwards fadeUp;position:absolute;top:20%;transform:translateY(-50%)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hero-name{color:#fff;font-size:50px;font-weight:700}.hero-role{color:#fff;margin:15px 0;font-size:20px;font-style:italic}.hero-description{color:#d0cfcf;margin-bottom:30px}.hero-wrapper{align-items:center;gap:10px;display:inline-flex}.home-Abt-btn{color:#fff;background:linear-gradient(135deg,#033777,#1a63bc);border-radius:8px;padding:10px 20px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.home-Abt-btn:hover,.view-btn:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000004d}.side-arrow{color:#e9eaeb;font-size:26px;animation:1.8s infinite bounce;position:relative}.hero-bottom{text-align:center;z-index:2;opacity:0;margin-top:30px;animation:1.2s forwards fadeInUp;position:absolute;bottom:40px;left:50%}.view-btn{color:#fff;background:linear-gradient(135deg,#033777,#1a63bc);border-radius:8px;margin-top:20px;padding:10px 20px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;animation:2.5s infinite pulseGlow;display:inline-block}.down-arrow{color:#e9eaeb;margin-top:10px;font-size:32px;animation:1.8s infinite bounce}.hero-socials{z-index:2;flex-direction:column;gap:30px;display:flex;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.hero-socials a{color:#fff;opacity:0;background:#033777;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;animation:.8s forwards slideInRight;display:flex}.hero-socials a:first-child{animation-delay:.4s}.hero-socials a:nth-child(2){animation-delay:.6s}.hero-socials a:nth-child(3){animation-delay:.8s}.hero-socials a:hover{transform:translateY(-6px)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes pulseGlow{0%{box-shadow:0 0 #1a63bc66}50%{box-shadow:0 0 25px #1a63bcb3}to{box-shadow:0 0 #1a63bc66}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media (width<=992px){.hero-name{font-size:40px}.hero-role{font-size:18px}.hero-title{text-align:center;padding:0 20px;top:25%}.hero-socials{gap:20px;right:20px}}@media (width<=768px){.hero-title{text-align:center;top:80px;transform:none}.hero-name{font-size:32px}.hero-role{font-size:16px}.hero-description{margin-bottom:80px;font-size:14px}.hero-wrapper{flex-wrap:wrap;justify-content:center}.hero-bottom{margin-top:40px;margin-left:95px;position:relative;top:60px;bottom:0;left:0}.hero-socials{flex-direction:column;margin-top:30px;position:absolute;top:500px;right:14px}.hero-socials a{width:40px;height:40px}}.about-skills{color:#fff;background:#000;padding:0 8% 80px}.about-skills-container{opacity:0;grid-template-columns:1fr 1fr;align-items:center;gap:100px;transition:all 1s cubic-bezier(.17,.55,.55,1);display:grid;transform:translateY(60px)}.about-skills-container.fade-in{opacity:1;transform:translateY(0)}.about-content{width:100%}.about-title{opacity:0;margin-top:0;margin-bottom:25px;font-size:38px;position:relative;transform:translateY(40px)}.about-title:after{content:"";background:#1a63bc;width:60px;height:3px;margin-top:12px;display:block}.about-content p{color:#bcbcbc;opacity:0;margin-bottom:20px;font-size:17px;line-height:1.8;transform:translateY(40px)}.about-skills-container.fade-in .about-title{animation:.8s .2s forwards fadeUpSmooth}.about-skills-container.fade-in .about-content p:first-of-type{animation:.8s .4s forwards fadeUpSmooth}.about-skills-container.fade-in .about-content p:nth-of-type(2){animation:.8s .6s forwards fadeUpSmooth}.skills-content{width:100%}.skills-title{opacity:0;margin-bottom:40px;font-size:34px;position:relative;transform:translateY(40px)}.skills-title:after{content:"";background:#1a63bc;width:60px;height:3px;margin-top:12px;display:block}.about-skills-container.fade-in .skills-title{animation:.8s .3s forwards fadeUpSmooth}.about-skills-container.fade-in .skill-row{animation:.8s forwards fadeUp}@keyframes fadeUpSmooth{to{opacity:1;transform:translateY(0)}}.skills-rows{flex-direction:column;display:flex}.skill-row{opacity:0;margin-bottom:20px;animation:.8s forwards fadeUp;transform:translateY(30px)}.skill-row:first-child{animation-delay:.2s}.skill-row:nth-child(2){animation-delay:.4s}.skill-row:nth-child(3){animation-delay:.6s}.skill-row:nth-child(4){animation-delay:.8s}.skill-row h3{color:#bcbcbc;letter-spacing:1px;margin-bottom:15px;font-size:18px}.skill-list{flex-wrap:wrap;gap:12px;display:flex}.skill-badge{color:#1a63bc;cursor:pointer;background:#ffffff0a;border:1px solid #1a63bc66;border-radius:30px;padding:8px 18px;font-size:.85rem;transition:all .4s}.skill-badge:hover{color:#000;background:#1a63bc;transform:translateY(-4px);box-shadow:0 0 15px #1a63bc99}@media (width<=1000px){.about-skills-container{grid-template-columns:1fr;gap:60px}}@media (width<=600px){.about-skills{padding:80px 6%}.about-title,.skills-title{font-size:30px}.about-content p{font-size:16px}.skill-badge{padding:6px 14px;font-size:.75rem}}.projects-section{background:#000;padding:20px 10%}.projects-heading{text-align:center;color:#fff;margin-bottom:100px;font-size:40px;font-weight:600;position:relative}.projects-heading:after{content:"";background:#1a63bc;border-radius:2px;width:80px;height:3px;margin:15px auto 0;display:block}.project-row{background:linear-gradient(135deg,#ffffff16,#fff0);border:1px solid #1a63bc80;border-radius:20px;justify-content:space-between;align-items:center;gap:60px;margin-bottom:100px;padding:50px;transition:all .4s;display:flex}.project-row:hover{border:1px solid #1a63bc80;box-shadow:0 0 40px #1a63bc26}.project-row-reverse{flex-direction:row-reverse}.project-image-box{border-radius:24px;flex:1;justify-content:center;align-items:center;min-height:350px;display:flex;position:relative;overflow:hidden}.project-image-box img{object-fit:contain;filter:brightness(.85);width:100%;height:100%;transition:all .6s;display:block}.project-row:hover img{transform:scale(1.04)}.project-overlay{opacity:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000000c;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0}.project-image-box:hover .project-overlay{opacity:1}.project-overlay a{color:#fff;border:1px solid #1a63bc;border-radius:30px;padding:10px 24px;text-decoration:none;transition:all .3s}.project-overlay a:hover{background:#1a63bc;box-shadow:0 0 20px #1a63bc99}.project-content-box{flex:1}.project-content-box h3{color:#fff;margin-bottom:20px;font-size:28px;font-weight:600}.project-content-box h3:after{content:"";background:#1a63bc;width:80px;height:3px;margin-top:10px;display:block}.project-content-box p{color:#bcbcbc;margin-bottom:25px;font-size:17px;line-height:1.7}.project-tech-stack{flex-wrap:wrap;gap:12px;margin-bottom:30px;display:flex}.project-tech-stack span{color:#1a63bc;background:#ffffff0d;border:1px solid #1a63bc66;border-radius:30px;padding:6px 16px;font-size:.8rem;transition:all .3s}.project-tech-stack span:hover{color:#000;background:#1a63bc;transform:translateY(-3px)}.project-action a{color:#fff;background:#1a63bc;border:1px solid #1a63bc;border-radius:30px;padding:10px 28px;text-decoration:none;transition:all .4s;display:inline-block}.project-action a:hover{color:#000;background:#1a63bc;box-shadow:0 0 20px #1a63bc99}.reveal{opacity:0;transition:all 1s cubic-bezier(.17,.55,.55,1);transform:translateY(80px)}.reveal.active{opacity:1;transform:translateY(0)}@media (width<=900px){.project-row,.project-row-reverse{flex-direction:column;gap:40px;padding:30px}.projects-section{padding:80px 6%}}.contact-section{color:#fff;background:#000;padding:20px 10%}.contact-section-container{text-align:center;max-width:1000px;margin:auto auto 80px}.contact-section-title{opacity:0;margin-bottom:25px;font-size:40px;animation:.8s forwards fadeUpSmooth;display:inline-block;position:relative;transform:translateY(40px)}.contact-section-title:after{content:"";background:#1a63bc;width:60px;height:3px;margin:12px auto 0;display:block}.contact-section-text{color:#bcbcbc;opacity:0;max-width:800px;margin:0 auto 60px;font-size:17px;line-height:1.8;animation:.8s .3s forwards fadeUpSmooth;transform:translateY(40px)}.contact-section-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:60px;display:flex}.contact-section-left{opacity:0;flex:1;justify-content:center;margin-top:-180px;animation:.8s .5s forwards fadeLeft;display:flex}.contact-section-image{width:100%;max-width:420px}.contact-section-right{flex-direction:column;flex:1;align-items:center;display:flex}.contact-section-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#ffffff14;border:1px solid #1a63bc4d;border-radius:16px;flex-direction:column;gap:20px;width:100%;max-width:380px;margin:0 auto 50px;padding:40px;animation:.9s .6s forwards fadeUpSmooth;display:flex;transform:translateY(50px);box-shadow:0 0 30px #0009}.contact-section-form input,.contact-section-form textarea{color:#fff;background:#000000e7;border:1px solid #1a63bc66;border-radius:8px;outline:none;width:90%;padding:14px 18px;font-size:15px;transition:all .3s}.contact-section-form input:focus,.contact-section-form textarea:focus{border-color:#1a63bc;box-shadow:0 0 12px #1a63bc99}.contact-btn{cursor:pointer;border-radius:30px;padding:12px 26px;font-size:14px;transition:all .3s}.contact-btn-primary{color:#000;background:#1a63bc;border:none;font-weight:600}.contact-btn-primary:hover{background:#0f4ea0;transform:translateY(-3px);box-shadow:0 0 15px #1a63bc99}.contact-section-info{color:#bcbcbc;text-align:center;opacity:0;margin:5px 0 20px;font-size:15px;animation:.8s .9s forwards fadeUpSmooth;transform:translateY(40px)}.contact-section-info strong{color:#fff}.contact-section-links{opacity:0;flex-wrap:wrap;justify-content:center;gap:20px;animation:.8s 1.1s forwards fadeUpSmooth;display:flex;transform:translateY(40px)}.contact-btn-outline{color:#1a63bc;background:0 0;border:1px solid #1a63bc;text-decoration:none}.contact-btn-outline:hover{color:#000;background:#1a63bc}@keyframes fadeLeft{to{opacity:1;transform:translate(0)}}@keyframes fadeRight{to{opacity:1;transform:translate(0)}}.form-message{text-align:center;border-radius:8px;margin-top:20px;padding:10px 15px;font-size:14px;animation:.3s fadeIn}.form-message.success{color:#28a745;background-color:#28a74526;border:1px solid #28a745}.form-message.error{color:#dc3545;background-color:#dc354526;border:1px solid #dc3545}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=992px){.contact-section-left{margin-top:0}}@media (width<=768px){.contact-section{padding:60px 6%}.contact-section-wrapper{flex-direction:column;gap:40px}.contact-section-form{max-width:280px;padding:30px}.contact-section-text{font-size:16px}.contact-section-form input,.contact-section-form textarea{width:85%}.contact-section-image{max-width:280px}}@media (width<=480px){.contact-section-title{font-size:26px}.contact-btn-primary{width:100%}}