*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;overflow-x:hidden}body{margin:0;padding:0;min-height:100vh;background-color:#0a0f2c;color:#fff;font-family:Poppins,sans-serif;-webkit-user-select:none;user-select:none;height:100%;width:100%;outline:none;-webkit-tap-highlight-color:transparent}button:hover{transform:scale(.9);cursor:pointer}html{scroll-behavior:auto}@media screen and (max-width:823px){body{overflow-x:hidden}}.navbar{height:6rem;width:100vw;max-width:90vw;padding:1rem;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;z-index:99}.lt,.gt{background:linear-gradient(135deg,#00c3ff,#8e2de2);-webkit-background-clip:text;background-clip:text;color:transparent}.header{z-index:99;display:flex;align-items:center;justify-content:center;width:100vw;height:6rem;position:fixed;top:0;box-shadow:0 4px 10px #0003;background-color:#0a0f2c}.dm{overflow:hidden;margin-left:8rem}.menu{overflow:hidden}.dsmenu{margin:2rem;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .2s ease-out allow-discrete}.active{background:linear-gradient(135deg,#00c3ff,#8e2de2);-webkit-background-clip:text;background-clip:text;color:transparent}button{background:linear-gradient(135deg,#00c3ff,#8e2de2);color:#fff;font-size:1rem;font-weight:700;padding:.8rem;border-radius:2rem;border:1px solid white}.menuclass{font-size:1.5rem;display:none}.dsmenu:hover{padding-bottom:.5rem;background:linear-gradient(135deg,#00c3ff,#8e2de2);-webkit-background-clip:text;background-clip:text;color:transparent;overflow:hidden}a{text-decoration:none;color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1c1c2b}::-webkit-scrollbar-thumb{background-color:#5c5cdd;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00b3e6,#7a1fcf)}*{scrollbar-width:thick;scrollbar-color:#5c5cdd #1c1c2b}@media screen and (max-width: 946px){.navbar{overflow:hidden;display:flex;justify-content:space-between}.header{overflow:hidden}.dsmenu{display:none}.mbmenu{font-size:1.2rem}.sidebar{height:100vh;width:70vw;background-color:#0a0f2c;z-index:999;position:fixed;display:flex;justify-content:space-around;box-shadow:inset;box-shadow:4px 0 10px #0003}.sideresume{width:7rem}.mobiledm{z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:75vh;margin-top:2rem;width:50vw}.social{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.social i:hover,.social i:active{opacity:1;transform:scale(.9)}.social i{font-size:1.5rem;opacity:.5;overflow-y:hidden}.menuclass{display:block;cursor:pointer}.menuclass:active{transform:scale(1.1)}.con{display:none}}@media screen and (orientation: landscape){.sidebar{height:100vh}.mobiledm{height:90vh}}.left{position:absolute;top:10rem;left:2.3rem;animation:slidefromLeft .7s ease-in-out forwards;opacity:0}@keyframes slidefromLeft{0%{opacity:0;transform:scale(0)}50%{opacity:100%;transform:scale(1.06)}to{opacity:100%;transform:scale(1)}}.intro{margin-top:6rem;height:calc(100vh - 6rem);height:85vh;max-width:90vw;display:flex;display:block;position:relative;left:3rem;overflow:hidden}.char{height:43rem;position:absolute;right:-8rem;top:-3.5rem;z-index:-1;object-fit:cover;filter:drop-shadow(1px 1px 7px #000)}.hey{font-size:2.5rem}.i{font-size:3rem}.lorem{font-size:1.5rem;margin-top:.2rem;color:#fff;max-width:50vw}.effect{font-size:3rem;font-weight:bolder;background:linear-gradient(135deg,#00c3ff,#8e2de2);-webkit-background-clip:text;background-clip:text;color:transparent}.name{background:linear-gradient(135deg,#00c3ff,#8e2de2);-webkit-background-clip:text;background-clip:text;font-weight:bolder;color:transparent}.hire{background:linear-gradient(135deg,#00c3ff,#8e2de2);color:#fff;font-size:1rem;padding:.8rem;border-radius:2rem;border:1px solid white;width:8rem;margin-top:3rem}.resume{width:8rem;margin-left:.5rem}@media screen and (max-width:940px){.char{right:-5rem;top:-2rem;height:35rem}.main{width:100%;max-width:100vw;overflow-x:hidden}.intro{height:75vh;width:100vw;max-width:100vw;left:2rem}.left{left:.2rem;top:8rem}.effect,.hey{font-size:1.5rem}.i{font-size:2rem}.lorem{font-size:1rem;width:100%}.hire,.resume{width:6rem;font-size:.8rem;margin-top:2.5rem}}@media screen and (max-width:450px){.char{right:-6.2rem;top:-2rem;height:35rem}}#home{z-index:99}@media (max-width: 480px){.intro{height:80vh}}@media (min-width: 481px) and (max-width: 767px){.intro{height:90vh}}@media (min-width: 767px) and (max-width: 1024px){.intro{height:93vh}}@media (min-width: 1025px) and (max-width: 1440px){.intro{height:95vh}}@media (min-width: 1441px) and (max-width: 2560px){.intro{height:95vh}}@media (min-width: 2560px){.intro{height:60vh}}@media only screen and (max-height: 400px){.intro{height:180vh}}@media only screen and (min-height: 401px) and (max-height: 500px){.intro{height:145vh}}@media only screen and (min-height: 500px) and (max-height: 540px){.intro{height:120vh}}@media only screen and (min-height: 540px) and (max-height: 600px){.intro{height:110vh}}@media only screen and (min-height: 600px) and (max-height: 660px){.intro{height:100vh}}@media only screen and (min-height: 660px) and (max-height: 740px){.intro{height:85vh}}@media only screen and (min-height: 740px) and (max-height: 800px){.intro{height:80vh}}@media only screen and (min-height: 800px) and (max-height: 1000px){.intro{height:75vh}}@media only screen and (min-height: 1000px) and (max-height: 1170px){.intro{height:60vh}}@media only screen and (min-height: 1170px) and (max-height: 1400px){.intro{height:50vh}}@media only screen and (min-height: 1400px) and (max-height: 1600px){.intro{height:43vh}}@media only screen and (min-height: 1600px) and (max-height:2600px){.intro{height:35vh}}@media only screen and (min-height: 2600px){.intro{height:25vh}}.education-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;box-shadow:0 0 20px #00000040;border:1px solid #dddddd;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 4px 8px #0000000d;transition:transform .2s ease;width:35rem;margin:2rem}.education-card:hover{transform:translateY(-4px)}.edu-title{font-size:20px;font-weight:600;background:linear-gradient(135deg,#00c3ff,#8e2de2);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:4px}.edu-institute{color:#fff;font-size:16px;margin-bottom:6px}.edu-score{font-weight:500;color:#fff;margin-bottom:4px}.edu-duration{font-size:14px;color:#fff;margin-bottom:10px}.edu-description{font-size:15px;color:#fff;line-height:1.5}@media screen and (max-width:940px){.education-card{margin:1rem auto;width:100%}}.section{width:100%;max-width:95rem;display:flex;flex-direction:row}@media screen and (max-width:940px){.section{flex-direction:column}}.abname{background:linear-gradient(135deg,#00c3ff,#8e2de2);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;width:100%;margin:2rem 0}.wrabout{z-index:-50;overflow:hidden}.about{display:flex;justify-content:space-between;align-items:center;padding:2rem;max-width:90rem;margin:auto;gap:2rem;z-index:-50;overflow:hidden}.abimg{height:auto;width:100%;max-width:400px;border-radius:1rem;object-fit:cover;filter:drop-shadow(1px 1px 7px #000)}.abright{flex:1;max-width:800px;font-size:1.5rem;text-align:justify;letter-spacing:1px;line-height:1.8rem;padding:1rem;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;box-shadow:0 0 20px #00000040;border:1px solid #dddddd;border-radius:12px;padding:16px;transition:transform .2s ease-in-out;font-size:larger}.abright:hover{transform:translateY(-6px)}.abright p{overflow:hidden}.education{width:100%;padding:4rem 1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:2rem}.edh1{text-align:center;background:linear-gradient(135deg,#00c3ff,#8e2de2);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:2rem;margin-bottom:2rem}@media screen and (max-width: 940px){.abright{font-size:1rem;line-height:1.6rem;width:100%;overflow-y:hidden}.abimg{width:100%;max-width:300px;height:auto}.education{padding:2rem 1rem}.edh1{font-size:1.5rem}.about{flex-direction:column}}.language-card{border:1px solid #dddddd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;box-shadow:0 0 20px #00000040;border-radius:12px;padding:16px;margin:12px;width:100%;max-width:350px;box-shadow:0 2px 6px #0000000f;transition:transform .2s ease}.language-card:hover{transform:translateY(-5px)}.language-name{font-size:18px;font-weight:700;background:linear-gradient(135deg,#00c3ff,#8e2de2);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px}.language-description{font-size:15px;color:#fff;line-height:1.5}.tool-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;box-shadow:0 0 20px #00000040;border-radius:12px;padding:16px;margin:12px;width:100%;max-width:350px;box-shadow:0 2px 6px #0000000f;transition:transform .2s ease}.tool-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #dddddd;border-radius:12px;padding:16px;margin:12px;width:100%;max-width:350px;box-shadow:0 2px 6px #0000000f;transition:transform .2s ease}.tool-card:hover{transform:translateY(-5px)}.tool-name{font-size:18px;font-weight:700;background:linear-gradient(135deg,#00c3ff,#8e2de2);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px}.tool-description{font-size:15px;color:#fff;line-height:1.5}.box{color:#fff;display:flex;width:100%;text-align:center;align-items:center;justify-content:center}.skill{text-align:center;margin:3rem auto;background:linear-gradient(135deg,#00c3ff,#8e2de2);-webkit-background-clip:text;background-clip:text;color:transparent}.tablist{text-align:center;color:#fff;display:flex;flex-direction:row;border:1px solid #fff;border-radius:12px}.tablist .tab{color:#fff;font-weight:800}.tab{background:#fff}.tab label{font-size:larger;font-weight:bolder}@media screen and (max-width: 946px){.box{margin:auto;display:flex;flex-direction:column}.tablist .tab{flex-direction:column;align-items:center}.tab{font-size:15px!important}}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;box-shadow:0 0 20px #00000040;border:1px solid #dddddd;border-radius:12px;padding:16px;margin:12px;max-width:360px;box-shadow:0 4px 10px #00000014;transition:transform .2s ease-in-out;text-align:center}.project-card a{text-decoration:none;color:inherit}.project-card a:focus,.project-card a:active{outline:none;-webkit-tap-highlight-color:transparent}.project-card:hover{transform:translateY(-6px)}.project-image{width:100%;height:180px;object-fit:fill;margin-bottom:12px;transition:all .4s ease-in-out}.project-image:hover{scale:1.1}.imagewrap{border-radius:8px;overflow:hidden;border:1px solid rgb(255,255,255);width:100%;height:180px}.project-title{font-size:20px;font-weight:700;background:linear-gradient(135deg,#00c3ff,#8e2de2);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px;margin-top:15px}.project-description{font-size:15px;color:#fff;line-height:1.6;text-align:justify}.portfolioh1{text-align:center;margin:3rem auto;background:linear-gradient(135deg,#00c3ff,#8e2de2);-webkit-background-clip:text;background-clip:text;color:transparent}.contact-section{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:1rem}.contact-card{flex:1 1 450px;max-width:500px;min-height:450px;padding:1.2rem;border-radius:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;box-shadow:0 0 20px #00000040;color:#fff;transition:transform .3s ease;display:flex;flex-direction:column;justify-content:space-between}.contact-card:hover{transform:translateY(-5px)}.contact-info p{margin:.3rem 0}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-info i{overflow:hidden}.contact-form input,.contact-form textarea{padding:.8rem 1rem;border:none;border-radius:.8rem;background:#fff3;color:#fff;resize:none;outline:none}.cont{text-align:center;margin-top:3rem;background:linear-gradient(135deg,#00c3ff,#8e2de2);-webkit-background-clip:text;background-clip:text;color:transparent}.abm{background:linear-gradient(135deg,#00c3ff,#8e2de2);-webkit-background-clip:text;background-clip:text;color:transparent}.contact-form button{padding:.8rem;background:linear-gradient(135deg,#00c3ff,#8e2de2);border:none;border-radius:2rem;color:#fff;font-weight:700;cursor:pointer;transition:background .3s ease}.aboutme{letter-spacing:1px;text-align:justify}.contact-form button:hover{background:linear-gradient(135deg,#8e2de2,#00c3ff)}@media screen and (max-width: 940px){.contact-section{flex-direction:column;align-items:center}.contact-card{width:100%}}.footmain{width:100%;padding:2rem;min-width:90vw;background-color:#0a0f2c;display:flex;justify-content:space-around;box-shadow:0 -4px 10px #0003}.one{max-height:8rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.one h5{opacity:.8}.two{min-height:14rem;min-width:5rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.footlink{cursor:pointer}.socialfooter{font-size:1.3rem;display:flex;min-width:15rem;align-items:center;justify-content:space-around}.socialfooter i{opacity:.5;overflow:hidden}.socialfooter i:hover{opacity:1;transform:scale(.9)}.three{max-height:10rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.three h5{opacity:.8}@media screen and (max-width:940px){.footmain{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.one{min-height:5rem}.two{margin-top:2rem;min-height:16rem}.three{min-height:10rem;margin-top:2rem}}