@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";.aboutMe{background:linear-gradient(135deg,#b39af3,#e9e3fd,#cebff9)}.skills_card{padding:clamp(1.5rem,5vw,5rem)}.skills_header>p{font-size:clamp(1.4rem,2.5vw,var(--font-size-heading2));text-align:center;font-weight:600;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.tab{display:flex;justify-content:center;border:1px solid rgba(0,0,0,.08);border-radius:12px;background-color:var(--primary_color);width:clamp(16rem,40vw,24rem);margin:clamp(1rem,3vw,2rem) auto;overflow:hidden}.tab button{flex:1;background-color:inherit;border:none;border-right:1px solid rgba(162,142,126,.2);cursor:pointer;padding:clamp(.5rem,1vw,.8rem);font-size:.8rem;font-weight:500;transition:all .25s ease}.tab button:last-child{border-right:none}.tab button:hover,.tab button.active{background:var(--tertiary_color);color:var(--color-white)}.tabcontent{display:none;gap:clamp(1.5rem,3vw,3rem);flex-wrap:wrap;justify-content:center;animation:fadeEffect .6s ease}.tabcontent.active{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:clamp(1rem,2vw,2rem);justify-items:center}.skill{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;padding:clamp(.5rem,1vw,1rem);border-radius:12px;background:#ffffff40;border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 18px #0000001a;transition:transform .25s ease,box-shadow .25s ease}.skill:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0000002e}.skill>.skillIcon>img{height:clamp(1.5rem,2.5vw,2rem);width:clamp(1.5rem,2.5vw,2rem);object-fit:contain;transition:transform .3s ease}.skill>.skillIcon>img:hover{transform:rotate(360deg)}.skillName{position:absolute;bottom:-1.8rem;font-size:clamp(.7rem,1vw,.9rem);white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none}.skill:hover .skillName{opacity:1}@media (max-width: 768px){.tab{display:none}.skills_header>p{margin-bottom:1rem}}@media (min-width: 1600px){.skills_header>p{font-size:3rem}.tab{width:40rem;margin:4rem auto}.tab button{padding:1.8rem;font-size:1.25rem}.tabcontent{gap:6rem}.skill{gap:1rem}.skill>.skillIcon>img{height:3rem;width:3rem}.skillName{font-size:1.5rem}}.ContactMe_card{position:relative;overflow:hidden;margin-bottom:0;padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--secondary_color_med);cursor:pointer}.ContactMe_card .spotlight{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(250px circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.35),rgba(255,255,255,.15) 40%,transparent 70%);transition:opacity .3s ease}.ContactMe_card:hover .spotlight{opacity:1}.ContactMe_card>.text>h3{padding-bottom:clamp(1rem,2vw,2rem);text-align:center;font-weight:600;text-shadow:0 0 10px white;font-size:var(--font-size-heading2)}.emailWrapper{position:relative;cursor:pointer;display:inline-flex;align-items:center}.emailWrapper img{height:3rem;width:3rem;padding-bottom:.2rem}.emailWrapper img:hover{transform:rotate(360deg);transition:transform .5s linear;cursor:pointer}.tooltip{position:absolute;bottom:-2.5rem;left:50%;transform:translate(-50%) translateY(10px);background:var(--color-white);color:var(--color-black);font-size:.75rem;padding:.4rem .8rem;border-radius:6px;opacity:0;pointer-events:none;transition:all .25s ease}.tooltip.show{opacity:1;transform:translate(-50%) translateY(0)}.icons{display:flex;justify-content:center;align-items:center;gap:1rem}.icons span{display:flex;justify-content:center;align-items:center;width:3rem;height:3rem}.icons>span>a>img{height:2rem;width:2rem}.icons>span>a>img:hover{transform:rotate(360deg);transition:transform .5s linear;cursor:pointer}@media (min-width: 1600px){.ContactMe_card{font-size:x-large}.ContactMe_card>.text>h3{font-size:2.5rem;padding-bottom:1rem}.icons>span>a>img{height:2.5rem;width:2.5rem;padding:1rem}.emailWrapper img{height:3.5rem;width:3.5rem}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes moveInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero{position:relative;height:90vh;background:linear-gradient(180deg,#f8f8f8,#f1e3c6);overflow:hidden}.hero .spotlight{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(250px circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,1) 0%,rgba(255,255,255,.9) 15%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.3) 50%,transparent 70%);transition:opacity .3s ease}.hero:hover .spotlight{opacity:1}.hero__bgText{position:absolute;top:10%;left:50%;transform:translate(-50%);font-size:clamp(2rem,6vw,6rem);letter-spacing:.5rem;opacity:.9;z-index:1;animation:fadeIn 1.2s ease}.hero__imageWrapper{position:absolute;bottom:5%;left:50%;transform:translate(-50%);z-index:2;animation:fadeIn 1.5s ease}.hero__imageWrapper img{height:clamp(20rem,32vw,32rem);object-fit:contain;animation:float 4s ease-in-out infinite;padding-top:1rem;-webkit-mask-image:linear-gradient(to bottom,black 95%,transparent 100%);mask-image:linear-gradient(to bottom,black 95%,transparent 100%)}.hero__imageWrapper #blob{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:clamp(15rem,50vw,50rem);max-height:clamp(15rem,50vw,50rem);z-index:-1;aspect-ratio:1 / 1}.hero__content{display:flex;justify-content:space-between;margin-top:45vh;padding:3rem}.hero__left{z-index:3;animation:moveInLeft 1s ease}.name__main{font-size:clamp(2rem,6vw,6rem);font-weight:900;line-height:.9}.hero__left span{display:block}.hero__right{max-width:20rem;z-index:3;animation:moveInRight 1s ease}.role{font-weight:900;font-size:clamp(1.2rem,1.5vw,1.5rem);margin-bottom:1rem}.desc{color:var(--secondary_color_text);margin-bottom:1.5rem;line-height:1.5}.CV{width:9rem;height:3rem;border-radius:30px;border:none;background:var(--secondary_color_light);font-weight:800;letter-spacing:.2rem;transition:all .25s ease;cursor:pointer}.CV:hover{transform:translateY(-3px) scale(1.05)}@media (max-width: 768px){.hero__bgText{text-align:center}.hero__content{position:static;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.hero__imageWrapper{position:absolute;bottom:50%}.hero__imageWrapper img{height:10rem}.hero__imageWrapper #blob{max-width:8rem;max-height:8rem}.hero__right{max-width:20rem;text-align:center}.desc{margin-bottom:1rem;line-height:1.2}.CV{font-weight:800;letter-spacing:.1rem}}@media (min-width: 1600px){.hero__bgText{font-size:15rem}.hero__imageWrapper img{height:45rem}.hero__imageWrapper #blob{max-width:50rem;max-height:50rem}.hero__left{padding:5rem}.hero__left h1{font-size:8rem}.hero__right{max-width:30rem;right:10%}.role{font-size:3rem}.desc{font-size:1.25rem}.CV{width:15rem;height:5rem;border-radius:50px;font-size:larger}}.navbar{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,3vw,3rem);padding:clamp(1rem,2vw,2rem);position:sticky;top:0rem;z-index:99;background:#f8f8f880;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar__links>button{background:none;color:var(--secondary_color_text);font-style:bold;border:none;cursor:pointer;position:relative;transition:all .25s ease;font-size:var(--font-size-heading3)}.navbar__links>button:hover{color:var(--color-black);transform:translateY(-2px)}.navbar__links>button:after{content:"";position:absolute;left:50%;bottom:-4px;width:0%;height:2px;background:var(--tertiary_color);transform:translate(-50%);transition:width .3s ease}.navbar__links>button:hover:after{width:60%}@media (min-width: 1600px){.navbar{gap:10rem;padding:2.5rem}.navbar__links>button{font-size:2rem}.navbar__links>button:after{height:3px}}.project-list{padding:clamp(2rem,5vw,5rem)}.project-list .title{font-size:clamp(1.4rem,2.5vw,var(--font-size-heading2));font-weight:600;text-align:center;color:var(--color-black);position:relative;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.project-list .title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:.5rem;height:.15rem;background:var(--tertiary_color);transition:width .3s ease}.project-list .title:hover:after{width:18%}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1.5rem,3vw,3rem);padding:clamp(1rem,3vw,2rem)}.project-card{overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.project-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #00000014}.image-container{position:relative}.project-card img{width:100%;height:clamp(14rem,22vw,20rem);object-fit:cover;transition:transform .3s ease}.image-container:hover img{transform:scale(1.05)}.project-details{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;color:var(--color-white);opacity:0;transition:opacity .3s ease;padding:2rem}.image-container:hover .project-details{opacity:1}.details-content{text-align:center;display:flex;flex-direction:column;gap:1rem}.details-content h3{color:var(--tertiary_color);font-size:clamp(1rem,1.5vw,1.2rem)}.details-content p{line-height:1.5;font-size:clamp(.85rem,1vw,1rem)}.project-card h5{color:var(--tertiary_color)}.tech-used{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tech-icons{display:flex;flex-wrap:wrap;gap:clamp(.5rem,1vw,1rem);justify-content:center}.tech-skill{display:flex;flex-direction:column;align-items:center;gap:.4rem}.tech-skill>.skillIcon img{height:clamp(1.2rem,2vw,1.5rem);width:clamp(1.2rem,2vw,1.5rem);transition:transform .2s ease}.tech-skill>.skillIcon img:hover{transform:scale(1.2)}@media (min-width: 1600px){.project-list .title{font-size:3rem}.cards{gap:7rem;padding:4rem}.project-card img{height:30rem}.project-details{padding:3rem}.details-content h3{margin-bottom:2rem;font-size:2rem}.details-content p{line-height:1.75rem;font-size:1.25rem}.project-card h5{margin-bottom:1rem}.tech-used{padding:2rem}.tech-icons{margin-top:1rem;gap:2rem}.tech-skill{gap:1rem}.tech-used>h5{font-size:1.25rem}.tech-skill>.skillIcon img{height:2rem;width:2rem}}.workExp{padding:clamp(2rem,5vw,5rem)}.workExp>p{font-size:clamp(1.4rem,2.5vw,var(--font-size-heading2));font-weight:600;text-align:center;color:var(--color-black);position:relative;text-shadow:1px 1px 3px rgba(0,0,0,.2);z-index:1}.workExp>p:before{content:"";position:absolute;top:50%;left:50%;width:80%;height:200%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgb(207,190,251) 0%,rgb(250,249,252) 40%,transparent 70%);filter:blur(20px);z-index:-1}.workExp>p:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:.5rem;height:.15rem;background:var(--tertiary_color);transition:width .3s ease}.workExp>p:hover:after{width:18%}.experience_section{position:relative;width:min(90%,900px);margin:clamp(2rem,5vw,3rem) auto;display:flex;flex-direction:column;gap:.5rem}.experience_section:before{content:"";width:2px;left:0;top:2rem;bottom:0;background-color:var(--tertiary_color_light);position:absolute}.experience{display:flex;flex-direction:column;margin:2rem auto;padding-left:2rem}.experience>h5:nth-child(1){position:relative;font-size:var(--font-size-heading3)}.experience>h5:nth-child(1):before{content:"";width:1.5em;height:1.5em;left:calc(-2rem - .75em);top:0;position:absolute;background-color:var(--tertiary_color);border-radius:50%}.date{color:var(--secondary_color_text);opacity:.8;padding-top:.4rem}.experience>ul{display:flex;flex-direction:column;gap:clamp(.3rem,1vw,.6rem);margin-top:.5rem;padding-left:0;list-style:none}.experience>ul>li{line-height:1.5;color:#444}@media (min-width: 1600px){.workExp>p{font-size:3rem}.experience>h5:nth-child(1){font-size:1.75rem}.org{font-size:1.3rem}.date{font-size:1.1rem}.experience>ul>li{font-size:1.25rem}}:root{font-family:Playfair Display,serif;--font-size-heading: 2rem;--font-size-heading2: 1.85rem;--font-size-heading1: 1.5rem;--font-size-heading3: 1.1rem;--font-size-sm: .9rem}*{margin:0;padding:0;font-family:var(--font-family);--primary_color: #f8f1ec;--secondary_color: #ac8efa;--secondary_color_med: #b9a0fa;--secondary_color_light: #cebff9;--tertiary_color: #feb12f;--tertiary_color_light: #fadcc3;--secondary_color_text: #706052;--color-white: #ffffff;--color-black: #000000}html ::selection{background-color:var(--secondary_color_light);color:var(--color-white)}