*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden;scroll-behavior:smooth}body{background:#161513;color:#fff;font-family:Outfit,sans-serif;position:relative}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.animated-bg{position:fixed;z-index:-1;width:100%;height:100%;top:0;left:0}.content-wrapper{position:relative;z-index:1;min-height:100vh;background:#16151377}.fade-in{animation:fadeInUp 1s ease-in-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#161513}::-webkit-scrollbar-thumb{background:#6e45e2;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a35cc}.navbar{display:flex;align-items:center;justify-content:space-between;margin:20px 170px}.navbar{transform:translate(60px);opacity:0;transition:transform 1s ease-out,opacity 1s ease-out}.navbar.slide-in-navbar{transform:translate(0);opacity:1}.navmenu{display:flex;list-style:none;align-items:center;gap:60px;font-size:20px;margin-left:300px;margin-right:20px;cursor:pointer}.nav-connect{padding:20px 40px;border-radius:50px;font-size:15px;cursor:pointer;background:linear-gradient(270deg,#00ffb2 .36%,#0061ff 102.06%);transition:.5s}.nav-connect:hover{transform:scale(1.05)}.anchorlink{text-decoration:none;color:#fff}.toggle-btn{display:none;cursor:pointer}@media (max-width: 768px){.navbar{margin:0;padding:10px 20px;position:relative}.toggle-btn{display:block;position:absolute;top:15px;right:15px;z-index:1000}.navmenu{position:absolute;top:60px;right:0;background:#161513c2;width:100%;flex-direction:column;gap:12px;padding:16px;display:none;box-shadow:0 4px 6px #0000001a}.navmenu.open{display:flex}.nav-connect{display:none}.navmenu{z-index:999}}.hero{align-items:center;display:flex;flex-direction:column;gap:35px;position:relative;z-index:1;color:#fff;text-align:center}.hero h1{text-align:center;width:70%;font-size:90px;font-weight:600;margin-top:.5em}.hero h1 span{background:linear-gradient(270deg,#7bffb2,#4646ff,#89ffb0,#0026ff);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:rainbowMove 6s linear infinite}@keyframes rainbowMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero p{width:50%;text-align:center;font-size:24px;line-height:40px}.hero-action{display:flex;gap:25px;margin-bottom:50px;font-weight:500;align-items:center;font-size:24px}.hero-connect{padding:25px 45px;border-radius:50px;background:linear-gradient(270deg,#00ffb2 -5.09%,#0061ff 106.28%);cursor:pointer}.hero-connect:hover{transform:scale(1.03);transition:.8s;background:linear-gradient(270deg,#00ffb2 -5.09%,#0061ff 106.28%)}.hero-resume{padding:25px 75px;border-radius:50px;cursor:pointer;border:2px solid #ffffff}.hero a{text-decoration:none;color:#fff}.hero-resume:hover{transform:scale(1.03);transition:.7s;border:2px solid #15e8ff}@media (max-width: 768px){.hero h1{font-size:42px;width:90%}.hero p{width:90%;font-size:16px;line-height:28px}.hero-action{flex-direction:column;gap:16px;font-size:15px;margin-bottom:60px;width:100%;align-items:center}.hero-connect .hero-resume{width:80%;text-align:center;padding:16px 0;font-size:16px}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:80px 170px}.about{opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s ease}.about-visible{opacity:1;transform:translateY(0)}.fade-up{opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s ease}.about-visible .fade-up{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}.delay-3{transition-delay:.6s}.delay-4{transition-delay:.8s}.about-title{position:relative}.about-title h1{padding:0 5px;font-size:80px;font-weight:600;margin-bottom:20px}.about-sections{display:flex;gap:80px;margin-top:10px;width:100%}.about-right{display:flex;flex-direction:column;gap:80px;margin-top:10px}.about-para{display:flex;flex-direction:column;gap:20px;font-size:24px;font-weight:500;margin-bottom:4em}.about-skills{display:flex;flex-direction:column;gap:20px}.about-skill{display:flex;gap:30px;align-items:center;transition:.3s}.about-skill p{min-width:170px;font-size:24px;font-weight:500}.about-skill hr{border:none;outline:none;width:50%;height:8px;border-radius:50px;background:linear-gradient(270deg,#00ffb2 -5.08%,#0061ff 106.28%)}.about-achievements{display:flex;width:100%;margin-top:5em;margin-bottom:80px;justify-content:space-around;gap:90px}.about-achievement{display:flex;flex-direction:column;align-items:center;gap:10px;transition:.5s}.number-box{min-width:150px;text-align:center}.about-achievement h1{font-size:60px;font-weight:700;background:linear-gradient(270deg,#00ffb2 50.41%,#0061ff 90.25%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:150% 100%;animation:gradientMove 2s ease infinite}.about-achievement p{font-size:22px;font-weight:500}.about-skill:hover{transform:scale(1.05);transition:.3s}.about-achievement:hover{transform:scale(1.12);transition:.5s}@media (max-width: 768px){.about{margin:20px}.about-title h1{font-size:50px}.about-sections{flex-direction:column;align-items:center}.about-right-section{width:100%}.about-para{line-height:32px;font-size:18px;text-align:center}.about-skill{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.about-skill p{font-size:18px;text-align:left;margin:0;padding:0;min-width:115px}.about-skills hr{height:6px;text-align:left}.about-skill:hover{transform:none}.about-achievements{width:100%;text-align:center;flex-direction:column;align-items:center;gap:10px}}.project{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:82px 170px}.project-format{opacity:0;transform:translate(0);transition:all .8s ease}.slide-in-left{opacity:1;transform:translate(0);animation:slideLeft .8s ease forwards}.slide-in-right{opacity:1;transform:translate(0);animation:slideRight .8s ease forwards}@keyframes slideLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.project-title{position:relative}.project-title h1{padding:0 30px;font-size:80px;font-weight:600}.project-title img{position:absolute;bottom:0;right:0;z-index:-1}.project-format{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:60px;border-radius:10px;border:2px solid white;transition:.4s;cursor:pointer}.project-container{display:grid;gap:40px;grid-template-columns:1fr 1fr 1fr;margin-bottom:80px;align-items:top}.project-container h3{font-size:28px;font-weight:800}.project-container h2{margin-top:1em;font-size:38px;font-weight:800;background:linear-gradient(257deg,#00ffb2 50.41%,#0061ff 90.25%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project-format p{color:#fff;font-size:24px;line-height:40px}.project-readmore{display:flex;margin-top:20px;gap:20px;align-items:center}.project-readmore p{font-size:24px;font-weight:500;cursor:pointer;background:linear-gradient(257deg,#00ffb2 50.41%,#0061ff 90.25%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradientMove 2s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.project-format:hover{transform:scale(1.05);border:2px solid rgb(0,251,255);background-image:linear-gradient(45deg,#14000c,#00161f);transition:.4s}@media (max-width: 768px){.project-container{grid-template-columns:1fr}.project :hover .project-format{transform:none}.project-format{opacity:1!important;animation:none!important;transform:none!important}}.my-certificates{display:flex;flex-wrap:wrap;justify-content:center;gap:80px;margin:80px 170px}.my-certificates-title{position:relative}.my-certificates-title h1{font-size:80px;padding:0 30px;font-weight:600}.my-certificates-container{display:grid;gap:40px;grid-template-columns:1fr 1fr 1fr}.my-certificates-container img{width:419px;height:280%;box-sizing:border-box;transition:.3s;cursor:pointer}.my-certificates-container img:hover{transform:scale(1.1);transition:.3s;border-radius:10px;border:4px solid #ff00ff}.my-certificates-showmore{display:flex;gap:15px;border-radius:50px;border:2px solid #ffffff;padding:30px 60px;font-size:22px;font-weight:500;margin-bottom:80px;transition:.6s;cursor:pointer}.my-certificates-showmore:hover{background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);color:#fff;transition:.6s;transform:scale(1.05)}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;margin:80px 170px}.contact-title{position:relative}.contact-title h1{font-size:80px;padding:0 30px;font-weight:600}.contact-section{display:flex;gap:150px}.contact-left{display:flex;flex-direction:column;gap:30px}.contact-left h1{font-size:80px;font-weight:700;background:linear-gradient(270deg,#00ffb2 50%,#0061ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-detail{display:flex;align-items:center;gap:12px;margin-bottom:12px}.contact-detail .icon{font-size:20px;color:#00ffb2}.contact-detail a{color:#fff;text-decoration:none}.contact-detail a:hover{text-decoration:underline}.contact-left p{max-width:550px;color:#d8d8d8;line-height:35px;font-size:20px}.contact-details{display:flex;flex-direction:column;gap:10px;color:#d8d8d8;font-size:18px}.contact-detail{display:flex;align-items:center}.contact-right{padding-left:20px;display:flex;flex-direction:column;align-items:start;gap:30px}.contact-right label{font-size:22px;color:#d8d8d8;font-weight:500}.contact-right input{width:580px;height:78px;padding-left:20px;border-radius:15px;border:none;background:#32323c;color:#a0a0a0;font-family:Outfit,sans-serif;font-size:20px}.contact-right textarea{width:580px;height:120px;padding:25px;border-radius:15px;border:none;background:#32323c;color:#a0a0a0;font-family:Outfit,sans-serif;font-size:20px}.contact-submit{border:none;border-radius:50px;color:#fff;font-size:20px;padding:20px 60px;margin-bottom:50px;cursor:pointer;transition:.3s;background:linear-gradient(267deg,#00ffb2 .36%,#0061ff 102.06%)}.contact-submit:hover{transform:scale(1.1);transition:.5s}@media (max-width: 768px){.contact{margin:60px 20px;gap:40px}.contact-title h1{font-size:50px;padding:0 10px;text-align:center}.contact-section{flex-direction:column;gap:50px}.contact-left{gap:20px;align-items:center;text-align:center}.contact-left h1{font-size:40px}.contact-left p{font-size:16px;line-height:28px}.contact-details{font-size:16px}.contact-detail{justify-content:center;gap:15px}.contact-right{width:100%;padding-left:0;align-items:center}.contact-right label{font-size:16px;align-self:flex-start}.contact-right input,.contact-right textarea{width:100%;font-size:16px;padding-left:5px;border-radius:15px}.contact-right textarea{padding:5px}.contact-submit{font-size:16px;padding:16px 40px;margin-bottom:20px}}.footer{display:flex;flex-direction:column;gap:30px;margin:50px 170px}.footer-title{text-align:center}.footer-title h1{font-size:80px;font-weight:600;margin-bottom:5px}.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px}.footer-top-left{flex:1;min-width:250px}.footer-top-left p{font-size:20px;max-width:400px}.footer-top-right{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.footer-email-input{display:flex;align-items:center;padding:15px 25px;border-radius:50px;background:#32323b;flex:1;max-width:400px}.footer-email-input input{background:transparent;border:none;outline:none;color:#a0a0a0;font-size:18px;width:100%}.footer-subscribe{font-size:18px;padding:15px 40px;border-radius:50px;background:linear-gradient(270deg,#00ffb2 -5.09%,#0061ff 106.28%);color:#fff;cursor:pointer;transition:transform .3s;border:none}.footer-subscribe:hover{transform:scale(1.1)}.footer-bottom{display:flex;justify-content:space-between;font-size:18px;flex-wrap:wrap;margin-bottom:20px}.footer-bottom-right{display:flex;gap:30px;flex-wrap:wrap}.footer-bottom-left{margin-bottom:10px}.footer-email-input:hover{border:2px solid white}@media (max-width: 768px){.footer{margin:50px 20px;font-size:16px}.footer-title h1{font-size:50px}.footer-top{flex-direction:column;align-items:center;gap:30px}.footer-top-left p{text-align:center;font-size:16px}.footer-top-right{flex-direction:column;align-items:center;width:100%}.footer-email-input{width:90%;padding-right:20px}.footer-subscribe{width:90%;text-align:center}.footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:15px}.footer-bottom-right{gap:15px;justify-content:center}}.project-detail-container{padding:40px 20px;color:#fff;background-color:#000;position:relative;font-family:Outfit,sans-serif;scroll-behavior:smooth}.back-btn{background:linear-gradient(270deg,#00ffb2 .36%,#0061ff 102.06%);color:#fff;border:none;padding:12px 20px;border-radius:40px;font-size:14px;cursor:pointer;position:absolute;top:20px;right:30px;z-index:999;transition:all .3s ease;outline:none}.back-btn:hover{transform:scale(1.05)}.project-title{font-size:38px;text-align:center;margin-top:20px;margin-bottom:30px;outline:none}.project-box li{position:relative;padding-left:30px;margin-bottom:15px;line-height:1.8;color:#f0f0f0}.project-box li:before{content:"✔";position:absolute;left:0;top:0;color:#00ffb2;font-weight:700;font-size:16px}.project-box li strong{color:#00ffb2}.demo-section{max-width:900px;margin:40px auto 0;background-color:#1f1e1c;padding:30px 40px;border-radius:20px;box-shadow:0 0 10px #00ffb233;text-align:center;animation:fadeIn 1s ease-in-out}.demo-section h2{color:#00ffb2;margin-bottom:15px;font-size:26px}.demo-section p{color:#ddd;font-size:16px;margin-bottom:20px}.demo-btn{display:inline-block;background:linear-gradient(270deg,#00ffb2 .36%,#0061ff 102.06%);color:#fff;padding:12px 28px;border-radius:30px;text-decoration:none;font-weight:500;transition:transform .3s ease}.demo-btn:hover{transform:scale(1.05)}@media (max-width: 768px){.project-detail-container{padding:20px 12px}.back-btn{top:10px;right:15px;padding:10px 16px;font-size:12px}.project-title{font-size:24px;margin-top:60px;margin-bottom:20px;padding:0 10px}.project-box{padding:20px}.project-box p{font-size:14px;line-height:1.6}.project-box ul{margin-left:16px}.demo-section{padding:20px 16px;margin:30px auto 0}.demo-section h2{font-size:20px}.demo-section p{font-size:14px}.demo-btn{padding:10px 22px;font-size:14px}.tools-used h4{font-size:16px}.tools-used p,.team-credits{font-size:14px}}.project-detail-container{padding:40px 20px;color:#fff;background-color:#000;position:relative;font-family:outfit,sans-serif}.back-btn{background:linear-gradient(270deg,#00ffb2 .36%,#0061ff 102.06%);color:#fff;border:none;padding:12px 20px;border-radius:40px;font-size:14px;cursor:pointer;position:absolute;top:20px;right:30px;z-index:999}.back-btn:hover{transform:scale(1.05);transition:all .3s ease}.project-title{font-size:38px;text-align:center;margin-top:20px;margin-bottom:30px}.project-title span{background:linear-gradient(270deg,#00ffb2,#0061ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project-box{max-width:90%;margin:0 auto;background-color:#161513c2;padding:40px;border-radius:20px;box-shadow:0 0 12px #00ffb24d}.project-box p{margin-bottom:20px;line-height:1.8}.project-box ul{list-style-type:disc;margin-left:20px;margin-top:10px}.tools-used{margin-top:30px;border-top:1px solid rgba(255,255,255,.2);padding-top:20px}.tools-used h4{margin-bottom:8px;color:#00ffb2}.team-credits{font-style:italic}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-detail-container{animation:pageFadeIn .9s ease-out}@media (max-width: 768px){.project-detail-container{padding:20px 12px}.back-btn{top:10px;right:15px;padding:10px 16px;font-size:12px}.project-title{font-size:24px;margin-top:60px;margin-bottom:20px;padding:0 10px}.project-box{padding:20px}.project-box p{font-size:14px;line-height:1.6}.project-box ul{margin-left:16px}.tools-used h4{font-size:16px}.tools-used p,.team-credits{font-size:14px}}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;animation:fadeOut 1s ease-in-out forwards;animation-delay:2s;gap:10px;text-align:center}.splash-text{font-size:5rem;font-weight:700;opacity:0;animation:textFadeIn 1s ease forwards;animation-delay:.5s}@keyframes textFadeIn{to{opacity:1}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.progress-bar-wrapper{width:300px;height:8px;background-color:#fff3;border-radius:10px;overflow:hidden;margin-top:20px}.progress-bar{height:100%;width:0%;background-color:#00ffd5;animation:fillBar 3s linear forwards}@keyframes fillBar{0%{width:0%}to{width:100%}}@media (max-width: 768px){.splash-screen{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:35vh 0;height:100vh}.splash-text{font-size:2.5rem;margin:0}.progress-bar-wrapper{width:80%;margin-top:20px}}