:root{--bg-color: #0b111e;--second-bg-color: #161e2d;--text-color: #ededed;--main-color: #00d2ff;--hover-color: #3b82f6;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-primary: "Outfit", sans-serif;--font-secondary: "Playfair Display", serif}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;scroll-behavior:smooth;font-family:var(--font-primary)}html{font-size:62.5%;overflow-x:hidden}body{background:var(--bg-color);color:var(--text-color);cursor:none}.cursor-dot,.cursor-outline{position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;z-index:9999;pointer-events:none}.cursor-dot{width:8px;height:8px;background-color:var(--main-color)}.cursor-outline{width:40px;height:40px;border:2px solid var(--main-color);transition:width .2s,height .2s,background-color .2s}.header{position:fixed;top:0;left:0;width:100%;padding:2rem 9%;background:#0b111ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;z-index:100;border-bottom:1px solid var(--glass-border)}.logo{font-size:2.5rem;color:var(--text-color);font-weight:700;cursor:pointer;transition:.3s}.logo:hover{transform:scale(1.1)}.logo span{color:var(--main-color)}.navbar a{font-size:1.7rem;color:var(--text-color);margin-left:4rem;transition:.3s;font-weight:500;position:relative}.navbar a:hover,.navbar a.active{color:var(--main-color)}.navbar a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--main-color);transition:width .3s}.navbar a:hover:after,.navbar a.active:after{width:100%}.header-right{display:flex;align-items:center}.hamburger{font-size:3.6rem;color:var(--text-color);display:none;margin-left:2rem;cursor:pointer}.btn{display:inline-block;padding:1rem 2.8rem;background:var(--main-color);border-radius:4rem;box-shadow:0 0 1rem var(--main-color);font-size:1.6rem;color:var(--bg-color);letter-spacing:.1rem;font-weight:600;transition:.5s ease}.btn:hover{box-shadow:none;transform:translateY(-5px);background:transparent;color:var(--main-color);border:1px solid var(--main-color)}section{min-height:100vh;padding:10rem 9% 2rem}.heading{text-align:center;font-size:4.5rem;margin-bottom:5rem}span.highlight{color:var(--main-color)}.home{display:flex;align-items:center;justify-content:center;gap:5rem}.home-content{max-width:60rem}.home-content h3{font-size:3.2rem;font-weight:700}.home-content h3:nth-of-type(2){margin-bottom:2rem}.home-content h1{font-size:5.6rem;font-weight:700;line-height:1.3}.text-animate{color:var(--main-color);-webkit-text-stroke:.7px var(--main-color);text-shadow:0 0 10px var(--main-color)}.home-content p{font-size:1.6rem;margin:2rem 0 4rem}.social-media a{display:inline-flex;justify-content:center;align-items:center;width:4rem;height:4rem;background:transparent;border:.2rem solid var(--main-color);border-radius:50%;font-size:2rem;color:var(--main-color);margin:3rem 1.5rem 3rem 0;transition:.5s ease}.social-media a:hover{background:var(--main-color);color:var(--bg-color);box-shadow:0 0 1rem var(--main-color)}.home-img{flex:1;display:flex;justify-content:center;position:relative}.glowing-circle{position:relative;width:350px;height:350px;border-radius:50%;display:flex;justify-content:center;align-items:center}.glowing-circle:after{content:"";position:absolute;width:380px;height:380px;background:var(--main-color);border-radius:50%;z-index:-1;filter:blur(80px);opacity:.6;animation:pulse 3s infinite}.glowing-circle .image{position:relative;width:350px;height:350px;border-radius:50%;overflow:hidden;border:5px solid var(--second-bg-color)}.glowing-circle .image img{width:100%;height:100%;object-fit:cover}@keyframes pulse{0%{opacity:.4;transform:scale(.9)}50%{opacity:.7;transform:scale(1.1)}to{opacity:.4;transform:scale(.9)}}.about{background:var(--second-bg-color);display:flex;justify-content:center;align-items:center;flex-direction:column}.about-content{background:var(--glass-bg);border:1px solid var(--glass-border);padding:3rem;border-radius:2rem;text-align:center;transition:.5s ease}.about-content:hover{background:#ffffff14}.about-text h3{font-size:2.6rem;margin-bottom:2rem}.about-text p{font-size:1.6rem;margin:2rem 0 3rem}.skills-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:3rem}.skill-box{flex:1 1 40%;text-align:left}.skill-box .title{display:block;font-size:1.4rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.skill-bar{height:8px;border-radius:6px;background:#ffffff1a;position:relative}.skill-per{height:100%;background:var(--main-color);border-radius:6px;position:absolute;box-shadow:0 0 10px var(--main-color)}.skill-per.html{width:95%}.skill-per.css{width:90%}.skill-per.javascript{width:85%}.skill-per.nodejs{width:80%}.tooltip{position:absolute;right:-14px;top:-28px;font-size:.9rem;background:var(--main-color);color:var(--bg-color);padding:2px 6px;border-radius:3px;font-weight:700}.services-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3rem}.service-box{flex:1 1 30rem;background:var(--second-bg-color);padding:3rem 2rem;border-radius:2rem;text-align:center;border:.2rem solid var(--glass-border);transition:.5s ease;overflow:hidden;position:relative;z-index:1}.service-box:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--glass-bg);z-index:-1;transition:.5s}.service-box:hover:before{width:100%}.service-box:hover{border-color:var(--main-color);transform:translateY(-10px)}.service-box i{font-size:5rem;color:var(--main-color);margin-bottom:1rem}.service-box h3{font-size:2.6rem}.service-box p{font-size:1.6rem;margin:1rem 0 3rem}.experience{background:var(--second-bg-color)}.timeline-items{max-width:1000px;margin:auto;display:flex;flex-wrap:wrap;position:relative}.timeline-items:before{content:"";position:absolute;width:5px;height:100%;background-color:var(--main-color);left:calc(50% - 1px)}.timeline-item{margin-bottom:40px;width:100%;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-item:nth-child(odd){padding-right:calc(50% + 30px);text-align:right}.timeline-item:nth-child(2n){padding-left:calc(50% + 30px)}.timeline-dot{height:21px;width:21px;background-color:var(--main-color);box-shadow:0 0 25px var(--main-color),0 0 50px var(--main-color);position:absolute;left:calc(50% - 8px);border-radius:50%;top:10px}.timeline-date{font-size:20px;font-weight:800;color:#fff;margin:6px 0 15px}.timeline-content{background-color:var(--bg-color);border:3px solid var(--glass-border);padding:30px;border-radius:10px;box-shadow:0 0 10px var(--glass-border);cursor:pointer;transition:.3s ease-in-out}.timeline-content:hover{transform:scale(1.03);border-color:var(--main-color);box-shadow:0 0 20px #00d2ff33}.timeline-content h3{font-size:20px;color:#fff;margin:0 0 10px;font-weight:500}.timeline-content p{color:#fff;font-size:16px;font-weight:300;line-height:22px}.contact form{max-width:70rem;margin:1rem auto 3rem;text-align:center}.contact form .input-box{display:flex;justify-content:space-between;flex-wrap:wrap}.contact form .input-box input,.contact form textarea{width:100%;padding:1.5rem;font-size:1.6rem;color:var(--text-color);background:var(--second-bg-color);border-radius:.8rem;margin:.7rem 0;border:1px solid var(--glass-border);transition:.3s}.contact form .input-box input{width:49%}.contact form .input-box input:focus,.contact form textarea:focus{border-color:var(--main-color);background:#00d2ff0d}.contact form textarea{resize:none}.contact form .btn{margin-top:2rem;cursor:pointer}.footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:2rem 9%;background:var(--second-bg-color)}.footer-text p{font-size:1.6rem}.footer-iconTop a{display:inline-flex;justify-content:center;align-items:center;padding:.8rem;background:var(--main-color);border-radius:.8rem;transition:.5s ease}.footer-iconTop a:hover{box-shadow:0 0 1rem var(--main-color)}.footer-iconTop a i{font-size:2.4rem;color:var(--bg-color)}@media(max-width:1200px){html{font-size:55%}}@media(max-width:991px){.header{padding:2rem 3%}section{padding:10rem 3% 2rem}.timeline-items:before{left:7px}.timeline-item:nth-child(odd){padding-right:0;text-align:left}.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){padding-left:37px}.timeline-dot{left:0}.services-container{padding-bottom:7rem}.footer{padding:2rem 3%}}@media(max-width:768px){.hamburger{display:block}.header-right .btn{display:none}.navbar{position:absolute;top:100%;left:-100%;width:100%;background:var(--second-bg-color);border-top:1px solid rgba(0,0,0,.1);padding:1rem 3%;transition:.3s}.navbar.active{left:0}.navbar a{display:block;font-size:2rem;margin:3rem 0}.home{flex-direction:column}.home-content h3{font-size:2.6rem}.home-content h1{font-size:5rem}.home-img{width:70vw;margin-top:4rem}.about{flex-direction:column-reverse}.about img{width:70vw;margin-top:4rem}}.hidden{opacity:0;filter:blur(5px);transform:translateY(100px);transition:all 1.5s}.show{opacity:1;filter:blur(0);transform:translateY(0)}@media(prefers-reduced-motion){.hidden{transition:none}}