@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Doto:wght@100..900&display=swap";@import"https://fonts.cdnfonts.com/css/meldina";*{margin:0;padding:0;box-sizing:border-box;font-family:Geist,sans-serif;scroll-behavior:smooth}*{-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent;outline:none}button{cursor:pointer}a{text-decoration:none}.section{background-color:#0a0a0a;padding:30px 0}.title{letter-spacing:-2px;text-transform:uppercase;padding-bottom:2rem;color:#fff;text-align:center;font-size:3rem}@media (min-width: 350px) and (max-width: 430px){.title{padding-bottom:.5rem;font-size:2.1rem}.section{padding:10px 0}}.scroll-offset{scroll-margin-top:70px}.scroll-to-top{position:fixed;bottom:20px;right:15px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background-color:#fff;color:#000;border:none;border-radius:50%;cursor:pointer;z-index:999;transition:all .5s ease-in-out}@media (max-width: 425px){.scroll-to-top{bottom:20px;right:10px}}.scroll-to-top:hover{transform:scale(1.1)}.scroll-to-top svg{width:20px;height:20px}.about-container{background-color:#0a0a0a;padding:30px 0;height:fit-content}.title{padding:0 20px}.about-wrapper{display:flex;justify-content:center;gap:100px;margin:50px auto;max-width:1200px;width:95%}@media (min-width: 350px) and (max-width: 430px){.about-wrapper{margin:30px auto}}@media (max-width: 767px){.about-wrapper{flex-direction:column;gap:30px;width:100%}}@media (min-width: 768px) and (max-width: 1024px){.about-wrapper{gap:30px}}@media (min-width: 1025px) and (max-width: 1435px){.about-wrapper{gap:50px}}.me{max-width:400px}@media (max-width: 767px){.me{width:95%;margin:0 auto}}@media (min-width: 768px) and (max-width: 1024px){.me{width:50%}}.me .status{display:flex;align-items:center;gap:20px;padding:8px;border-radius:2rem;background-color:#0f0f13;border:1px solid rgba(128,128,128,.0509803922)}@media (min-width: 768px) and (max-width: 850px){.me .status{gap:5px}}.me .status__image{width:90px;height:90px;border-radius:10rem}.me .status__content{display:flex;flex-direction:column;gap:10px;color:#fff;font-size:1.2rem;font-weight:600}.me .status__content p span{font-weight:600;padding:2px 10px;border-radius:1rem;color:#fff;border:2px solid #00bb4e}.me .myvalue{margin-top:10px;padding:20px 20px 10px;border-radius:2rem;background-color:#0f0f13;border:1px solid rgba(128,128,128,.0509803922);color:#ccc}.me .myvalue h3{color:#fff;font-size:1.9rem;text-align:center;padding-bottom:10px}@media (max-width: 768px){.me .myvalue h3{font-size:1.8rem}}.me .myvalue hr{border:1px solid rgba(128,128,128,.1137254902);margin-bottom:10px}.me .myvalue ul{font-size:1.2rem;line-height:1.4;text-align:justify;padding:0 20px 10px}.experience{margin-top:-6px;max-width:700px}@media (max-width: 767px){.experience{width:95%;margin:0 auto}}@media (min-width: 768px) and (max-width: 1024px){.experience{width:60%}}.experience .work{width:100%;margin-bottom:10px}.experience .work__title{font-size:2rem;padding-bottom:10px;color:#fff}@media (max-width: 768px){.experience .work__title{font-size:1.8rem}}.experience .work hr{border:1px solid rgba(128,128,128,.1137254902);margin-bottom:10px}.experience .work__job-wrapper{margin-top:10px;padding:20px;border-radius:2rem;background-color:#0f0f13;border:1px solid rgba(128,128,128,.0509803922)}.experience .work__job-wrapper .role{display:flex;justify-content:space-between}.experience .work__job-wrapper .role span h3{font-size:1.5rem;padding-bottom:5px;color:#fff}.experience .work__job-wrapper p,.experience .work .time{font-size:1.2rem;color:#ccc}.experience .work .honor ul{color:#ccc}.experience .work .honor ul p{font-size:1.2rem;color:#fff;padding-top:20px;padding-bottom:5px}.experience .work .honor ul li{font-size:1.2rem;line-height:1.5;margin:0 20px}.experience .edu__title{padding-bottom:10px;font-size:2rem;color:#fff}@media (max-width: 768px){.experience .edu__title{font-size:1.8rem}}.experience .edu hr{border:1px solid rgba(128,128,128,.1137254902);margin-bottom:10px}.experience .edu__details{padding:20px;border-radius:2rem;background-color:#0f0f13;border:1px solid rgba(128,128,128,.0509803922)}.experience .edu__details .deg{font-size:1.5rem;padding-bottom:5px;color:#fff}.experience .edu__details p,.experience .edu__details ul{text-align:justify;font-size:1.2rem;color:#ccc}.experience .edu__details ul p{font-size:1.2rem;color:#fff;padding-top:20px;padding-bottom:5px}.experience .edu__details ul li{line-height:1.5;margin:0 20px}.highlight{color:#4169e1}.cert-section{display:grid;justify-content:center;gap:15px;width:95%;margin:50px auto}@media (min-width: 350px){.cert-section{grid-template-columns:repeat(1,minmax(300px,380px));margin:30px auto}}@media (min-width: 768px){.cert-section{grid-template-columns:repeat(2,minmax(300px,380px));margin:50px auto}}@media (min-width: 1024px){.cert-section{max-width:1000px;grid-template-columns:repeat(2,minmax(340px,400px))}}@media (min-width: 1440px){.cert-section{max-width:1200px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}.cert-container{height:380px;background-color:#0f0f13;border:1px solid rgba(128,128,128,.0509803922);border-radius:35px;color:#fff;padding:10px;display:flex;flex-direction:column;justify-content:space-between;transition:all .5s ease}.cert-container:hover{box-shadow:inset 0 5px 10px #8080801d;cursor:pointer}@media (min-width: 768px){.cert-container:hover .cert-title{text-decoration:underline}}.cert-container:hover .cert-thumbnail{transform:scale(1.05)}.cert-container .thumbnail{width:100%;height:220px;border-radius:1.5rem;overflow:hidden;position:relative}.cert-container .thumbnail .cert-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.cert-container .cert-title{font-size:1.4rem;margin-top:10px;font-weight:700;padding:0 5px}.cert-container .cert-title a{color:#fff}.cert-container .cert-issuer{padding:0 5px;font-size:1rem;color:#ccc}.cert-container .cert-links{display:flex;justify-content:flex-start;margin-top:10px;padding:0 5px}.cert-container .cert-links .cert-link-btn{width:100%;display:flex;justify-content:center;align-items:center;gap:5px;font-size:1rem;font-weight:600;padding:8px 15px;border-radius:2rem;color:#fff;background-color:#26263b30;border:1px solid rgba(128,128,128,.0509803922);transition:all .5s ease}.cert-container .cert-links .cert-link-btn:hover{background-color:#f5f5f7;color:#000}.contact-wrapper{max-width:1200px;width:95%;height:auto;margin:50px auto;border-radius:2rem;padding:40px;background-color:#0f0f13;border:1px solid rgba(128,128,128,.0509803922);display:flex;gap:50px}@media (max-width: 768px){.contact-wrapper{flex-direction:column;padding:20px}}@media (min-width: 768px) and (max-width: 1024px){.contact-wrapper{padding:30px}}@media (max-width: 425px){.contact-wrapper{margin:30px auto;width:95%}}.social-links{width:100%}.social-links .reachout-wrapper{display:flex;flex-direction:column;gap:10px;padding-bottom:20px}.social-links .reachout-wrapper h3{font-size:2.5rem;color:#fff}@media (max-width: 768px){.social-links .reachout-wrapper h3{font-size:1.8rem}}.social-links .reachout-wrapper p{font-size:1.1rem;color:#ccc}.social-links .social-wrapper h3{font-size:2.5rem;padding-bottom:10px;color:#fff}@media (max-width: 768px){.social-links .social-wrapper h3{font-size:1.8rem}}.social-links .social-wrapper .social-links{display:flex;gap:15px}.social-links .social-wrapper .social-links a{color:#ccc;font-size:2rem;transition:color .3s ease}.social-links .social-wrapper .social-links a:hover{color:gray}.message{width:100%}.message h3{color:#fff;font-size:2.5rem;padding-bottom:10px}@media (max-width: 768px){.message h3{font-size:1.8rem}}.message form{display:flex;flex-direction:column;gap:12px}.message form label{font-size:1rem;color:#fff;font-weight:600}.message form input[type=text],.message form input[type=email],.message form textarea{background-color:#0f0f13;border:1px solid rgba(128,128,128,.0509803922);color:#fff;padding:10px 15px;font-size:1rem;border-radius:1rem;outline:none;width:100%}.message form textarea{resize:vertical;min-height:120px}.message form input[type=submit]{margin-top:10px;width:fit-content;padding:12px 24px;font-size:1rem;font-weight:600;color:#fff;background-color:#26263b30;border:1px solid rgba(128,128,128,.0509803922);border-radius:1rem;cursor:pointer;transition:all .5s ease}.message form input[type=submit]:hover{background-color:#f5f5f7;color:#000}@media (max-width: 768px){.message form input[type=submit]{width:100%}}.contact-btn{margin-top:10px;width:fit-content}.contact-btn .x-send{transition:all .3s ease;color:#fff;background-color:#4169e1}.contact-btn .x-send:hover{background-color:#2a4fc0}.contact-btn a button{color:#fff;width:100%;border:none;font-size:.9rem;font-weight:600;padding:10px 20px;border-radius:1rem;display:flex;align-items:center;gap:5px}.footer-container{background-color:#0a0a0a}.footer-container .footer-wrapper{color:#fff;border-top:1px solid rgba(128,128,128,.1137254902);padding:8px 0;text-align:center;font-size:1rem}.profile-link{color:#fff;font-weight:600;text-decoration:underline}.profile-link:hover{text-decoration:none}.footer-break{display:block}@media (min-width: 490px){.footer-break{display:none}}.header{position:fixed;top:10px;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 9px 7px 20px;border-radius:50px;background-color:#0f0f1333;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:1.2rem;box-shadow:inset 0 5px 10px #8080801d;border:1px solid rgba(128,128,128,.1450980392);z-index:111;width:auto}@media (min-width: 350px) and (max-width: 768px){.header{width:95%;padding:7px 20px}}.header .logo{width:70px;margin-top:7px}.header .navbar{display:flex;justify-content:center;gap:10px}@media (min-width: 350px) and (max-width: 768px){.header .navbar a{display:none}}.header .navbar a{color:#fff;font-size:1rem;font-weight:600;border-radius:20px;padding:10px 15px;border:1px solid transparent;transition:all .5s ease}.header .navbar a:hover{background-color:#26263b30;border:1px solid rgba(128,128,128,.0509803922)}.header .navbar a:hover:hover{background-color:#f5f5f7;color:#000}.header .navbar a:last-child{background-color:#f5f5f7;color:#000}.header .sandmenu{display:block;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;color:#fff;font-size:2rem}@media (min-width: 769px){.header .sandmenu{display:none}}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu{position:fixed;top:70px;right:20px;width:200px;padding:15px;border-radius:2rem;font-weight:600;z-index:999;background-color:#0f0f1333;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(128,128,128,.0509803922);box-shadow:inset 0 5px 10px #8080801d;overflow:hidden;display:flex;flex-direction:column;gap:10px;animation:slideFadeIn .3s ease-out}@media (max-width: 426px){.dropdown-menu{right:10px}}.dropdown-menu a{color:#fff;padding:10px 15px;border-radius:1rem;text-decoration:none}.dropdown-menu a:hover{background-color:#f5f5f7;color:#000}@supports (background: conic-gradient(from var(--angle))){@property --angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes rotate-gradient{0%{--angle: 0deg}to{--angle: 360deg}}}.hero-section{padding:100px 0;background-color:#0a0a0a}@media (min-width: 350px) and (max-width: 426px){.hero-section{padding:80px 0 30px}}.hero-wrapper{margin:0 auto;max-width:1200px;width:99%;display:flex;justify-content:center;align-items:center;flex-direction:column}.update-tab{margin-top:10px}.update-tab .btn-wrapper{padding:2px;border-radius:1rem;background-image:conic-gradient(from var(--angle),white,grey,white);animation:rotate-gradient .5s linear infinite}.update-tab .gradient-button{color:#fff;background-color:#0f0f13;font-style:italic;font-size:.9rem;font-weight:600;padding:5px 15px;border-radius:15px;border:none}@media (min-width: 350px) and (max-width: 426px){.update-tab .gradient-button{font-size:.7rem}}.greetings{margin-top:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.greetings h3{font-family:Doto,sans-serif;font-size:3rem;font-weight:900;height:4rem;display:flex;align-items:center;justify-content:center;text-align:center;letter-spacing:-2px;margin-bottom:5px;color:#fff}.greetings h1{font-size:4.5rem;font-weight:700;letter-spacing:-2px;background:linear-gradient(97deg,#0096ff,#bb64ff 42%,#f2416b 74%,#eb7500);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.greetings h2{font-size:3rem;letter-spacing:-2px;font-weight:600;color:#fff}@media (max-width: 480px){.greetings{margin-top:30px}.greetings h3{font-size:2rem;height:2.5rem}.greetings h1{font-size:3.3rem;text-align:center}.greetings h2{font-size:1.7rem;text-align:center}}@media (min-width: 481px) and (max-width: 1024px){.greetings{margin-top:30px}.greetings h3{font-size:2.5rem}.greetings h1{font-size:3.5rem;text-align:center}.greetings h2{font-size:2.5rem;text-align:center}}.about{color:#ffffff8f;font-size:1.2rem;margin-top:20px;line-height:1.5;text-align:center}@media (min-width: 350px) and (max-width: 570px){.about{text-align:justify}}.hero-links{margin-top:50px;display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));grid-auto-flow:column;gap:15px}@media (min-width: 350px) and (max-width: 767px){.hero-links{grid-template-columns:280px;grid-auto-flow:row}}.hero-links button{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;background-color:#26263b30;border:1px solid rgba(128,128,128,.0509803922);color:#fff;font-size:1.2rem;font-weight:600;padding:15px 35px;border-radius:1rem;transition:all .5s ease}.hero-links button:hover{background-color:#f5f5f7;color:#000}@media (min-width: 350px) and (max-width: 767px){.hero-links button{font-size:1.2rem;font-weight:400;padding:15px}}.fade-text{opacity:1;transition:opacity .3s ease-in-out}.fade-out{opacity:0}.fade-in{opacity:1}.pro-section{display:grid;justify-content:center;max-width:1200px;width:95%;margin:50px auto;gap:15px}@media (min-width: 350px){.pro-section{grid-template-columns:repeat(1,minmax(300px,380px));margin:30px auto}}@media (min-width: 768px){.pro-section{grid-template-columns:repeat(2,minmax(300px,380px));margin:50px auto}}@media (min-width: 1024px){.pro-section{max-width:1000px;grid-template-columns:repeat(2,minmax(340px,400px))}}@media (min-width: 1440px){.pro-section{max-width:1200px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}.pro-container{padding:10px;border-radius:35px 35px 30px 30px;color:#fff;background-color:#0f0f13;border:1px solid rgba(128,128,128,.0509803922);position:relative;transition:all .5s ease}.pro-container:hover{box-shadow:inset 0 5px 10px #8080801d;cursor:pointer}@media (min-width: 768px){.pro-container:hover .pro-title a{text-decoration:underline}}.pro-container:hover .thumbnail img{transform:scale(1.05)}.pro-container .thumbnail{width:100%;height:220px;border-radius:1.5rem;overflow:hidden;position:relative}.pro-container .thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.pro-container .video-preview{position:absolute;top:18px;right:18px;font-size:1rem;display:flex;place-content:center;padding:8px;border-radius:20px;background-color:#0f0f1333;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:#fff;z-index:1}.pro-container .video-preview:hover{background-color:#101014}.pro-container .pro-tech-stack{display:grid;gap:4px;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,minmax(1fr,1fr));margin-top:10px;padding:5px;border:1px dotted rgba(128,128,128,.1176470588);border-radius:15px;background-color:#26263b30}.pro-container .pro-tech-stack .pro-tech-container{text-align:center;padding:3px 7px;border-radius:15px;font-size:.9rem;font-weight:500;color:#fff;background-color:#1e1e2c86;border:1px solid rgba(128,128,128,.1137254902)}.pro-container .pro-title{font-size:1.7rem;margin-top:10px;padding:0 5px}.pro-container .pro-title a{color:#fff}@media (min-width: 427px) and (max-width: 768px){.pro-container .pro-title{font-size:1.5rem}}.pro-container .pro-about{height:200px;margin-top:10px;padding:0 5px;margin-bottom:-5px;color:#ccc;text-align:justify;line-height:1.5}@media (max-width: 756px){.pro-container .pro-about{height:fit-content}}.pro-container .pro-links{display:grid;height:fit-content;grid-template-columns:1fr;grid-auto-flow:column;margin-top:10px;gap:5px}.pro-container .pro-link-btn{display:flex;justify-content:center;gap:5px;align-items:center;margin-top:10px;font-size:1rem;font-weight:600;border-radius:2rem;border:1px solid rgba(128,128,128,.0509803922);color:#fff;background-color:#26263b30;transition:all .5s ease;padding:10px 15px}.pro-container .pro-link-btn:hover{background-color:#f5f5f7;color:#000}.pro-container .pro-link-btn:hover:nth-child(2){color:#fff;background-color:#4169e1}.skill-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,.9fr));grid-template-rows:repeat(auto-fit,1fr);justify-content:center;align-items:center;gap:15px;margin:30px auto;width:90%}@media (min-width: 1024px){.skill-container{margin:50px auto;max-width:800px}}@media (min-width: 1440px){.skill-container{margin:50px auto;max-width:1200px}}.skill-tab{cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;color:#fff;font-size:1.2rem;font-weight:400;background-color:#26263b30;border:1px solid rgba(128,128,128,.0509803922);padding:15px;border-radius:1rem;transition:all .5s ease}.skill-tab:hover{background-color:#f5f5f7;color:#000}.thankyou-section{width:100%;min-height:100vh;background-color:#0a0a0a;display:flex;align-items:center;justify-content:center;padding:40px 20px}.thankyou-section .thankyou-wrapper{background-color:#0f0f13;border:1px solid rgba(128,128,128,.1137254902);padding:30px;border-radius:2rem;text-align:center;max-width:400px;width:100%}@media (max-width: 425px){.thankyou-section .thankyou-wrapper{padding:20px}}.thankyou-section .thankyou-wrapper .ty-title{color:#fff;font-size:3rem;margin-bottom:10px}@media (max-width: 425px){.thankyou-section .thankyou-wrapper .ty-title{font-size:2rem}}.thankyou-section .thankyou-wrapper p{font-size:.8rem;color:gray;margin-bottom:30px;line-height:1.7}@media (max-width: 768px){.thankyou-section .thankyou-wrapper p{font-size:.7rem}}.thankyou-section .thankyou-wrapper .home-button{display:inline-block;padding:12px 24px;font-size:1rem;font-weight:600;background-color:#26263b30;color:#fff;border-radius:10px;text-decoration:none;border:1px solid rgba(128,128,128,.1137254902);transition:all .3s ease}.thankyou-section .thankyou-wrapper .home-button:hover{background-color:#f5f5f7;color:#000}@media (max-width: 768px){.thankyou-section .thankyou-wrapper .home-button{font-size:.8rem;width:100%;display:block}}