@import url(https://fonts.googleapis.com/css2?family=Italiana&family=Libre+Caslon+Display&family=Londrina+Outline&display=swap);@import url(https://fonts.googleapis.com/css2?family=Modak&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oi&family=Uncial+Antiqua&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bagel+Fat+One&family=Henny+Penny&display=swap);@import url(https://fonts.googleapis.com/css2?family=Aboreto&family=Splash&display=swap);@import url(https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poiret+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sigmar&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b9aa039;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 30px #00000026;display:flex;height:5rem;justify-content:space-between;overflow:visible;padding:.5rem 1rem;position:-webkit-sticky;position:sticky;top:0;width:calc(100% - 2rem);z-index:1000}.weblogo{height:2.5rem;object-fit:cover;width:3rem}.desktopMenu{align-items:center;display:flex;flex:1 1;justify-content:space-between;transition:transform .4s ease}.menuLinks{display:flex;flex:1 1;justify-content:center}.desktopMenuList{background-color:initial;border:1px solid #fff;border-radius:20px;color:#fff;cursor:pointer;display:inline-block;font-family:Quicksand,sans-serif;font-weight:500;margin:0 1rem;padding:.5rem 1.2rem;text-decoration:none;transition:.3s ease}.desktopMenuList:hover{background-color:#ffffffad;color:#404664;text-decoration:none;transform:scale(1.1)}.contact-button{align-items:center;background:radial-gradient(circle at bottom,#ecccd3 0,#78bdd6 100%);border:.1rem solid hsla(0,0%,87%,.668);border-radius:50px;box-shadow:0 4px 15px rgba(237,196,204,.628),inset 0 -4px 8px hsla(0,0%,100%,.834),inset 0 4px 6px rgba(0,0,0,.211);color:#fff;cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:600;justify-content:center;margin-left:auto;padding:.75rem 2rem;transition:all .5s ease}.contact-button:hover{background:radial-gradient(circle at top,#e3c9ce 0,#6ccef2 100%);transform:scale(1.05)}.arrow{margin-left:7px;margin-right:4px;position:relative;transform:rotate(-45deg);width:18px}.arrow,.arrow:after,.arrow:before{background-color:#fff;border-radius:5px;height:2px}.arrow:after,.arrow:before{content:"";position:absolute;right:-3px;width:12px}.arrow:before{top:-3.5px;transform:rotate(45deg)}.arrow:after{top:3.5px;transform:rotate(-45deg)}.hamburger{cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;width:28px;z-index:1100}.hamburger span{background-color:#fff;border-radius:10px;height:3px;transition:.4s ease;width:100%}.hamburger.active span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width:750px){.hamburger{display:flex}.navbar{background-color:#bad7eb}.desktopMenu{align-items:center;background:#bad7eb;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 30px #00000026;flex-direction:column;justify-content:flex-start;left:0;padding:2rem 0;position:absolute;top:6rem;transform:translateY(-200%);transition:transform .4s ease;width:100%}.desktopMenu.open{transform:translateY(0)}.menuLinks{align-items:center;flex-direction:column;width:auto}.contact-button,.desktopMenuList{border:none;margin:.8rem 0;min-width:120px;padding:.8rem 1.5rem;text-align:center;width:auto}.desktopMenuList{font-size:1.3rem;margin:0}.contact-button{margin-left:0}}.aboreto-regular{font-family:Aboreto,system-ui;font-style:normal;font-weight:400}.bagel-fat-one-regular{font-family:Bagel Fat One,system-ui;font-style:normal;font-weight:400}.splash-regular{font-family:Splash,cursive;font-style:normal;font-weight:400}.henny-penny-regular{font-family:Henny Penny,system-ui;font-style:normal;font-weight:400}@keyframes flip{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.intro-bg{background-color:initial;overflow:hidden;padding-bottom:1rem;position:relative;width:100%}.introanime{align-items:center;display:flex;height:60vh;justify-content:center;opacity:1;transition:all 1.2s ease-out}.introanime,.introanime h1{position:relative;z-index:1}.introanime h1{color:#3e4f65;font-family:Splash,cursive;font-size:10rem;font-style:normal;font-weight:400;text-align:center}.introanime h1 span{animation:bouncyFlip 1.5s 1s forwards;display:inline-block;opacity:0;transform:rotateX(-90deg)}@keyframes bouncyFlip{0%{opacity:0;transform:rotateX(-90deg) translateY(30px)}40%{opacity:1;transform:rotateX(0deg) translateY(0)}60%{opacity:1;transform:rotateX(10deg)}80%{opacity:1;transform:rotateX(-5deg)}to{opacity:1;transform:rotateX(0deg) translateY(0)}}.introanime h1 span:first-child{animation-delay:1.2s}.introanime h1 span:nth-child(2){animation-delay:1.4s}.introanime h1 span:nth-child(3){animation-delay:1.6s}.introanime h1 span:nth-child(4){animation-delay:1.8s}.introanime h1 span:nth-child(5){animation-delay:2s}.introanime h1 span:nth-child(6){animation-delay:2.2s}.introanime h1 span:nth-child(7){animation-delay:2.4s}.introanime h1 span:nth-child(8){animation-delay:2.6s}.introanime h1 span:nth-child(9){animation-delay:2.8s}.introanime h2.overlap-word{animation:startOverlap 3s 3.2s forwards;bottom:31%;color:#e3ae8f;font-family:Lexend Peta,sans-serif;font-optical-sizing:auto;font-size:2.9vw;font-style:normal;font-weight:600;opacity:0;position:absolute;right:39%;transform:translate(50%,50%);z-index:2}@keyframes startOverlap{0%{opacity:0}to{opacity:1}}@keyframes letterFlip{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(0deg)}60%{opacity:1;transform:rotateX(10deg)}80%{opacity:1;transform:rotateX(-5deg)}to{opacity:1;transform:rotateX(0deg)}}.intro-content{align-items:center;background-color:#d1e3e80a;border:.1rem solid hsla(0,0%,87%,.668);border-radius:20px;display:flex;justify-content:center;margin:1rem;opacity:0;overflow:hidden;padding:7rem 3rem;position:relative;transform:translateY(100px);transition:opacity .5s ease-in-out,transform 1s ease-in}.intro-content.show{opacity:1;transform:translateY(0)}.image-box{margin-left:4rem;padding:3px;z-index:1}.profile-img{border:2px solid #f0eaeb;border-radius:15px;box-shadow:0 0 15px #fbccc4,0 0 30px #ffd0c4;filter:brightness(.95) saturate(1.1);height:400px;max-width:100%;object-fit:cover;z-index:2}.intro1{align-items:start;display:flex;flex-direction:column;justify-content:center;margin-left:3rem;text-align:start}.text-overlay{color:#36205e;font-family:Raleway,sans-serif;font-style:normal;text-align:start}.text-overlay h1,.text-overlay h2{font-size:4rem;font-style:italic;font-weight:300;margin:0}.intro-content h1 span,.intro-content h2 span{display:inline-block;white-space:pre}.wrapper{color:#443f45;display:flex;flex-direction:column;font-size:1rem;margin-top:1.5rem}.tags{display:flex;margin-bottom:1rem}.tags-box{align-items:center;background:radial-gradient(circle at bottom,#dac3cb 0,#acb2c5 100%);border:.1rem solid hsla(0,0%,87%,.668);border-radius:50px;box-shadow:0 4px 15px rgba(237,196,204,.628);color:#fff;cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-size:1rem;font-weight:600;margin-inline:.5rem;padding:.75rem 1.8rem;transition:all .5s ease}.tags-box:hover{background:radial-gradient(circle at top,#e3c9ce 0,#5ba6c2 100%);box-shadow:0 6px 20px #edc4cccc,inset 0 4px 8px #ffffffb3,inset 0 -4px 6px #0000001a;transform:scale(1.05)}.typing-demo h3,.typing-demo h4,.typing-demo h5,.typing-demo h6{font-family:Quicksand,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin:.2rem 0}@media (max-width:1024px){.intro-content{align-items:center;flex-direction:column}.image-box{margin-left:0}.profile-img{height:47vw;max-width:100%}.intro1{align-items:center;margin:1rem 0 0}.text-overlay h1,.text-overlay h2{font-size:7vw;font-weight:400;text-align:center}.typing-demo{font-size:2rem;text-align:center}.tags{align-items:center;flex-direction:column}.tags-box{font-size:1.4rem;justify-content:center;margin:.5rem;padding:1rem;text-align:center;width:400px}}@media (max-width:768px){.introanime h1{font-size:8rem}.text-overlay h1,.text-overlay h2{font-size:3rem;font-weight:400}.typing-demo{font-size:1.7rem;text-align:center}.tags-box{font-size:1.1rem;justify-content:center;margin:.5rem;padding:1rem;text-align:center;width:270px}}@media (max-width:545px){.introanime h1{font-size:6.5rem}}@media (max-width:480px){.introanime h1{font-size:20vw}.tags-box{font-size:.9rem;width:230px}.typing-demo h3,.typing-demo h4,.typing-demo h5,.typing-demo h6{font-size:1.1rem;line-height:1.5}}.background{background-color:#add1e8;height:100%;overflow:hidden;position:fixed;width:100%;z-index:-1}.blob{animation:moveBlobs 14s ease-in-out infinite alternate;background:radial-gradient(circle at center,#8fbaef,#0000 60%);filter:blur(10px);height:500px;position:absolute;width:500px}.blob:nth-child(2){animation-delay:3s;background:radial-gradient(circle at center,#ffbbcfe6,#0000 50%)}.blob:nth-child(3){animation-delay:6s;background:radial-gradient(circle at center,#91c9ee,#0000 60%)}.blob:nth-child(4){animation-delay:9s;background:radial-gradient(circle at center,#ffd7d7e6,#0000 45%)}.blob:nth-child(5){animation-delay:12s;background:radial-gradient(circle at center,#bbc9fbe6,#0000 80%)}@keyframes moveBlobs{0%{transform:translate(0) scale(1)}20%{transform:translate(50vw,10vh) scale(1.2,.9)}40%{transform:translate(20vw,50vh) scale(.9,1.9)}60%{transform:translate(70vw,30vh) scaleX(1.8)}80%{transform:translate(-10vw,-20vh) scaleY(1.2)}to{transform:translate(0) scale(1)}}.snap-sections{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory}.snap-section{height:100vh;scroll-snap-align:start}.stars{height:25%;left:0;overflow:hidden;pointer-events:none;top:0;width:100%;z-index:1000}.star,.stars{position:absolute}.star{animation:floatStar linear infinite;background:radial-gradient(circle,rgba(255,251,236,.664) 40%,#fff0 70%);border-radius:50%;opacity:.8}@keyframes floatStar{0%{opacity:.8;transform:translateY(0) scale(1)}70%{opacity:.6}to{opacity:0;transform:translateY(-150px) scale(1.2)}}@keyframes twinkle{0%,to{opacity:.9}50%{opacity:.3}}.star{animation:floatStar linear infinite,twinkle ease-in-out infinite}.skills{background:radial-gradient(circle at 50% 50%,#ffdfc5fd 20%,#ffc9c9dd 30%,#e5e0f78f 60%);border:1px solid #ffffff48;border-radius:20px;box-shadow:0 5px 12px #0003,0 -1px 6px #0000001a;margin:2rem;padding:4rem 2rem;text-align:center}.skills h2{color:#271a3e;font-family:Raleway,sans-serif;font-size:6vw;font-style:italic;font-weight:300;margin:0 auto 3rem;text-align:center}.skills h2 span{display:inline-block;white-space:pre}.skills-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.skill-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,#d3f0ff72 0,#ffffff46 20%);border:1px solid hsla(0,0%,100%,.759);border-radius:20px;box-shadow:0 6px 15px #0000001a;display:flex;flex:1 1;flex-direction:column;max-width:350px;min-width:280px;padding:2rem}.card-title{color:#fff;font-family:Raleway,sans-serif;font-size:1.8rem;font-weight:900;margin-bottom:1.5rem;margin-top:0}.inner-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(10px);background:#fff;background:linear-gradient(180deg,#ffffffa7 0,#ffffff4b 20%);border:1px solid hsla(0,0%,100%,.759);border-radius:15px;box-shadow:inset 0 2px 6px #00000014;padding:1rem}.inner-card,.skills-box{display:flex;justify-content:center;width:100%}.skills-box{flex-wrap:wrap;gap:.7rem}.tag-box,.tag1-box{background:radial-gradient(circle at bottom,#fff 0,#f6f6f6 100%);border:.1rem solid #fff;border-radius:12px;box-shadow:0 4px 6px #a28c9033,inset 0 -4px 8px hsla(0,0%,100%,.834),inset 0 4px 6px rgba(0,0,0,.105);color:#494058;cursor:pointer;font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:500;padding:.6rem 1.6rem;transition:all .5s ease}.tag-box:hover,.tag1-box:hover{transform:scale(1.1)}@media (max-width:1024px){.skills h2{font-size:3.5rem}.skills-row{align-items:center;flex-direction:column}.skill-card{height:auto;max-width:90%}}@media (max-width:480px){.skills-row{flex-direction:column;gap:1rem;margin:0;padding:0;width:100%}.skill-card{box-sizing:border-box;margin:0 auto;max-width:100%!important;width:100%!important}.skills{border-radius:12px;margin:.5rem;padding:1.5rem 1rem}}.nunito-sans{font-family:Nunito Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100,"YTLC" 500;font-weight:200}.my-work{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#e6e6f063;border:1px solid #fff;border:1px solid hsla(0,0%,100%,.964);border-radius:20px;box-shadow:0 10px 15px #434343,;margin:2rem 1rem;padding:4rem;position:relative;text-align:start}.divider{background-color:#901c69;height:1px;transition:margin .3s ease;width:100%}.workimg{height:5.3vw;width:auto}.my-work h6{color:#36205e;font-family:Raleway,sans-serif;font-size:5vw;font-style:italic;font-weight:300;margin-bottom:2rem;margin-top:1rem;text-align:center}.my-work h6 span{display:inline-block;white-space:pre}.my-work h3{color:#901c69;font-family:Raleway,sans-serif;font-optical-sizing:auto;font-size:3.4rem;font-style:italic;font-weight:300;margin-top:2rem;text-align:end}.work-container{justify-content:space-between;margin:20px 0;transition:all .5s ease}.work-item{aspect-ratio:1/1;background:#cbb9db;border:1.5px solid #ebebeb;border-radius:9px;box-shadow:6px 6px 12px #00000080;flex:1 1;margin:.7rem;overflow:hidden;position:relative;transition:transform .5s ease-in-out,flex .3s ease,box-shadow .3s ease;will-change:transform,flex}.work-img{filter:grayscale(10%);height:100%;object-fit:cover;transform:scale(1.05);transition:transform .7s ease,filter .5s ease;width:100%;will-change:transform,filter}.work-item:hover .work-img{transform:scale(1)}.image-wrapper{height:100%;overflow:hidden;position:relative;width:100%}.work-item:hover .work-img{filter:grayscale(0);transform:scale(1.08)}.work-item:hover{box-shadow:0 0 10px 5px rgba(255,228,216,.731),0 0 40px 10px #ffc6c666;flex:1.08 1;transition:transform .5s ease-in-out,flex .3s ease,box-shadow .4s ease;z-index:10}.work-item:not(:hover){flex:0.5 1}.hover-text{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(10px);background:rgba(180,215,230,.527);border:1px solid #ffffff4d;border-radius:12px;bottom:0;color:#000;left:0;opacity:0;padding:10px;position:absolute;text-align:center;transition:opacity .4s ease-in-out;width:100%}.work-item:hover .hover-text{bottom:0;opacity:1}.hover-text p{color:#151414;font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-size:1.1rem;font-weight:400;margin:0;padding:1.8rem}.hover-text h1{color:#36205e;font-family:Raleway,sans-serif;font-size:1.8rem;font-style:normal;font-weight:600;margin:1rem 0 0}.pill-tag{align-items:baseline;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(212,236,243,.143);border:1px solid #fff;border:1px solid hsla(0,0%,100%,.949);border-radius:50px;color:#fff;font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-size:1.3rem;font-weight:300;left:10px;padding:.1rem .5rem;position:absolute;text-align:center;top:10px;z-index:1}.pill-tag h5{margin-bottom:6px;margin-top:5px}.center-button{display:flex;justify-content:center;margin-top:2rem;text-decoration:none}.center-button button{align-items:center;background:radial-gradient(circle at bottom,#d4d1e6 0,#e5a2aa 100%);border:.1rem solid hsla(0,0%,87%,.668);border-radius:50px;box-shadow:0 4px 15px rgba(162,140,144,.628),inset 0 -4px 8px hsla(0,0%,100%,.834),inset 0 4px 6px rgba(0,0,0,.211);color:#fff;cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-size:1.2rem;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:all .5s ease}.center-button button:hover{background:radial-gradient(circle at top,#d4d1e6 0,#d882ce 100%);box-shadow:0 6px 13px rgba(220,164,230,.741),inset 0 4px 8px #ffffffb3,inset 0 -4px 6px #0000001a;transform:scale(1.05)}.no-underline{text-decoration:none}.work-div{align-items:center;display:flex;justify-content:center;margin-left:0;margin-right:0}.divide{background-color:#000;height:.03rem;width:100%}.quote{background:radial-gradient(circle at top,#dafefff1 -10%,#65affaac 10%,#607890c3 100%);border:1px solid #f1f1f1;border-radius:20px;box-shadow:0 4px 15px rgba(162,140,144,.628);margin:1rem 1rem 4rem;overflow:hidden;padding:10rem;position:relative}@keyframes rotate-back-and-forth{0%{transform:rotate(-3deg)}50%{transform:rotate(6deg)}to{transform:rotate(-3deg)}}@media (max-width:1000px){.my-work h6{font-size:3.5rem}.work-container{flex-direction:column;padding:1rem}.work-item{flex:1 1;margin-bottom:1rem;margin-top:1rem;transition:transform .2s ease}.work-item:active{height:300px;transform:scale(1.1)}.hover-text p{font-size:.95rem;margin-right:.5rem;padding:1rem}.hover-text h1{font-size:1.5rem;margin-right:.5rem;margin-top:1rem;padding-top:0}.quote h3{font-size:4.2rem}.star-icon{animation:rotate-back-and-forth 2s infinite;bottom:100px;height:auto;position:absolute;right:30px;width:100px;z-index:1}}@media (max-width:480px){.my-work{padding:0}.center-button{margin-bottom:2rem}}.arrow1{display:flex;justify-content:flex-end;position:relative;transform:rotate(-45deg);width:16px}.arrow1,.arrow1:after,.arrow1:before{background-color:#492d6d;border-radius:5px;height:1px}.arrow1:after,.arrow1:before{content:"";position:absolute;right:-3px;width:10px}.arrow1:before{top:-3.5px;transform:rotate(45deg)}.arrow1:after{top:3.5px;transform:rotate(-45deg)}@media (max-width:1000px){.contact-page{align-items:center;flex-direction:column}.contact{align-items:center;justify-content:center;margin-right:0;padding:2rem 2rem 7.5rem}.contact h1{font-size:2rem}.social-box{width:80vw}.socials{padding-left:2rem;padding-right:2rem}.social-box h6{font-size:6vw}.contact-form button{font-size:3.5vw;padding:2.5vw}}.contact-wrapper{background:radial-gradient(circle at 50% 50%,#ffcecee2 10%,#a5d0e0e2 30%,#fffffff8 85%);border-radius:30px;height:85vh;overflow:hidden;overflow-x:hidden;position:relative;width:100%}.contact-main,.contact-wrapper{align-items:center;display:flex;justify-content:center}.contact-main{flex-wrap:wrap;gap:2rem}.contact-left{display:inline-block;position:relative}.contact-left img{aspect-ratio:1/.9;border-radius:12px;display:block;height:auto;max-width:400px;object-fit:cover;transition:transform .3s ease}.side-panel{align-items:center;align-self:stretch;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid hsla(0,0%,100%,.481);border-radius:12px;box-shadow:0 4px 15px #0003;display:flex;height:350px;justify-content:center;left:0;margin-left:17vw;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:40px}.side-panel.closed{cursor:pointer;z-index:10}.panel-content{height:100%;width:100%}.contact-form,.panel-content{align-items:center;display:flex;justify-content:center}.contact-form{flex-direction:column;margin:0 auto;padding-top:1.5rem;width:500px}.social-cards{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:15px}.social-card img{height:40px;object-fit:cover;width:40px}.social-label span{color:#475877;font-family:Raleway,sans-serif;font-size:1rem;font-weight:500;text-decoration:none}.social-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff75;border:1px solid hsla(0,0%,100%,.481);border-radius:12px;cursor:pointer;display:flex;gap:10px;height:50px;overflow:hidden;padding:8px 15px;position:relative;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;width:300px}.social-card:hover{animation:glowMove 2s ease-in-out infinite alternate;box-shadow:0 0 6px 2px rgba(126,227,255,.533);transform:translateX(5px);transform:scale(1.1)}@keyframes glowMove{0%{box-shadow:0 0 12px 10px rgba(139,224,247,.693)}to{box-shadow:0 0 10px 6px #b8a3ff80}}.social-label{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:1px solid #c8c8c866;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.055);display:flex;flex:1 1;justify-content:flex-start;padding:12px;text-decoration:none}.contact-form input,.contact-form textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff85;border:1px solid hsla(0,0%,100%,.481);border-radius:50px;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#9e6f67;font-style:normal;margin-bottom:15px;padding:.9rem;width:100%}.contact-form textarea{border-radius:22px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8f8f8f;font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-size:.8vw;font-style:normal;font-weight:600}.submitbtn{align-items:center;background:radial-gradient(circle at 50% 120%,#c4c4d9 0,#492d6d 100%);border:.1rem solid hsla(0,0%,87%,.668);border-radius:50px;box-shadow:0 4px 15px rgba(162,140,144,.628),inset 0 -4px 8px hsla(0,0%,100%,.834),inset 0 4px 6px rgba(0,0,0,.211);color:#fff;cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-size:1.2rem;font-weight:600;margin-top:1.3rem;padding:.75rem 2rem;text-decoration:none;transition:all .5s ease}.submitbtn:hover{background:radial-gradient(circle at top,#d4d1e6 0,#7a4bb8 100%);box-shadow:0 6px 13px rgba(220,164,230,.741),inset 0 4px 8px #ffffffb3,inset 0 -4px 6px #0000001a;transform:scale(1.05)}.toggle-arrow{cursor:pointer;left:10px;position:absolute;top:20px;transform:rotate(0deg);transition:transform .3s ease}.side-panel.open .toggle-arrow{transform:rotate(90deg)}@media (max-width:1330px){.contact-wrapper{align-items:center;flex-direction:column;gap:1.5rem;height:100%;justify-content:center;padding-bottom:2rem;padding-top:2rem;text-align:center}.contact-left,.contact-right{align-items:center;display:flex;flex-direction:column;width:100%}.contact-left img{margin:0 auto}.side-panel{display:none}.panel-content{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.contact-form{margin:0 auto;max-width:500px;padding:0;width:100%}.contact-form input,.contact-form textarea{font-size:1.1rem;margin-bottom:1rem;padding:.8rem 1rem;width:100%}.contact-form textarea{height:120px;resize:vertical}.social-cards{align-items:center;flex-direction:column;gap:1rem;width:100%}.social-card{max-width:300px;width:80%}.social-label span{font-size:.9rem}}@media (max-width:500px){.contact-left img{max-width:280px}}.uiux-page{padding:2rem}.back-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(197,8%,47%,.304);border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 30px #00000026;cursor:pointer;display:flex;height:55px;justify-content:center;left:20px;position:absolute;transition:background .3s ease;width:55px;z-index:999}.back-btn:hover{background:#a592d169}.project-details{display:flex;flex-direction:column;gap:2rem}.project-detail{background:#f5f5f5;border-radius:12px;padding:1.5rem}.uiux-page1{align-items:center;display:flex;flex-direction:column;min-height:80vh;overflow:hidden;padding:2rem;position:relative;text-align:center;width:100vw}.project-detail-center{max-width:80vw;padding-top:15rem;z-index:10}.project-detail-center h2{color:#36205e;font-family:Raleway,sans-serif;font-size:3.8rem;font-style:italic;font-weight:400;margin-bottom:1rem;margin-top:5rem}.project-detail-center h2 span{display:inline-block;white-space:pre}.project-detail-center .subtext{color:#555;font-size:1.2rem;margin-bottom:.5rem;margin-top:.5rem}.project-detail-center .desc{color:#444;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:400;line-height:1.6;margin-bottom:1.5rem}.cta-btn{align-items:center;background:radial-gradient(circle at 50% 120%,#c4c4d9 0,#3f2168 100%);border:.1rem solid hsla(0,0%,87%,.668);border-radius:50px;box-shadow:0 4px 15px rgba(144,140,162,.689),inset 0 -3px 7px hsla(0,0%,100%,.738),inset 0 4px 6px rgba(0,0,0,.211);color:#fff;cursor:pointer;display:inline-block;font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-size:1.2rem;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:all .5s ease}.cta-btn:hover{background:radial-gradient(circle at top,#d4d1e6 0,#7a4bb8 100%);box-shadow:0 6px 13px rgba(220,164,230,.741),inset 0 4px 8px #ffffffb3,inset 0 -4px 6px #0000001a;transform:scale(1.05)}h2 span{display:inline-block}.scatter-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.scatter-card{aspect-ratio:1/1.2;border:2.5px solid #fff;border-radius:12px;filter:drop-shadow(-3px 4px 8px rgba(0,0,0,.4));height:220px;object-fit:cover;opacity:0;position:absolute;transition:transform .3s ease;width:215px;will-change:transform}.frontend-page{align-items:center;color:#222;display:flex;flex-direction:column;font-family:Poppins,sans-serif;margin:0 auto;padding-top:1rem;position:relative;text-align:center;width:100vw}.frontend-page h2{color:#36205e;font-family:Raleway,sans-serif;font-size:3.4rem;font-style:italic;font-weight:400;margin-bottom:1rem;margin-top:.5rem}.frontend-page p{color:#555;font-size:1.1rem;font-weight:300;line-height:1.6;margin-bottom:2rem;margin-top:0}.project-detail{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(180,5%,92%,.427);border:2px solid #ffffff4d;box-shadow:0 4px 30px #00000026;display:flex;flex-direction:column;margin:2rem 0;max-width:900px}.frontend-page .project-detail .cta-btn{margin-top:1rem}.frontend-page .project-detail img{border-radius:10px;box-shadow:0 10px 25px #0000001a;height:auto;max-width:80%;transition:transform .3s ease,box-shadow .3s ease}.frontend-page .project-detail img:hover{box-shadow:0 15px 35px #00000026;transform:scale(1.03)}.frontend-page h2 span{display:inline-block;opacity:0;white-space:pre}.frontend-page,.uiux-page1{position:relative}.project-detail .cta-btn{display:inline-block;margin-top:1rem}@media (max-width:1100px){.frontend-page{width:auto}.frontend-page .back-btn{left:-4.5rem}.frontend-page h2{font-size:4.2vw}.project-detail{margin-top:5rem;max-width:70vw}}@media (max-width:710px){.uiux-page1{width:auto}.project-detail-center{padding-top:4rem}.project-detail-center h2{font-size:3.1rem}.frontend-page h2{font-size:2rem}.frontend-page .back-btn{left:-1rem}}@media (max-width:599px){.project-detail-center h2{font-size:2.3rem;font-weight:500;margin-top:2rem}}.background1{background-color:#b1cdde;height:100%;position:fixed;width:100%;z-index:-1}.blob1{animation:moveBlobs 20s ease-in-out infinite alternate;background:radial-gradient(circle at center,#8fbaef,#0000 60%);filter:blur(15px);height:500px;position:absolute;width:600px}.blob1:nth-child(2){animation-delay:4s;background:radial-gradient(circle at center,rgba(255,187,207,.863),#0000 50%)}.blob1:nth-child(3){animation-delay:8s;background:radial-gradient(circle at center,rgba(135,164,228,.914),#0000 70%)}.blob1:nth-child(4){animation-delay:12s;background:radial-gradient(circle at center,#ffd7d7e6,#0000 45%)}.blob1:nth-child(5){animation-delay:16s;background:radial-gradient(circle at center,#fefaf0e6,#0000 60%)}.work-container{margin:0}.carousel-container,.work-container{align-items:center;display:flex;justify-content:center}.carousel-container{background:#0000;min-height:90vh;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;width:100vw}.carousel{display:flex;gap:4rem;padding:2rem;perspective:1000px}.card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#e6e6f063;border:1px solid hsla(0,0%,100%,.964);border-radius:20px;box-shadow:0 10px 25px #0006;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:.7rem;text-align:center;transform:rotateY(-15deg);width:280px}.card-img{aspect-ratio:1/1;border-radius:15px;flex-shrink:0;object-fit:cover;width:100%}.card-label{color:#fff;font-family:Raleway,sans-serif;font-size:1.5rem;font-weight:500;margin:0;padding:.5rem;text-align:center}@media (max-width:1200px){.carousel-container{align-items:center;display:flex;justify-content:center;overflow-x:hidden;width:auto}.carousel{align-items:center;flex-direction:column;gap:2rem;margin:1rem}.card{gap:.8rem;max-width:400px;min-height:auto;transform:rotateY(0deg);width:90%}.card-img{aspect-ratio:1/1}.card-label{font-size:1.6rem}}@media (max-width:1024px) and (min-width:768px){.card{min-height:340px}.card-img{aspect-ratio:1/.9}}.detail-page{padding:1rem 1rem 0}.uiux-section{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:flex-start;overflow:hidden;padding-top:2rem;position:relative;text-align:center;width:100vw}.uiux-text h1{color:#36205e;font-family:Raleway,sans-serif;font-size:4.5rem;font-style:italic;font-weight:400;margin-bottom:1rem;margin-top:1rem}.uiux-text h1 span{display:inline-block;white-space:pre}.uiux-text p{color:#444;font-family:Raleway,sans-serif;font-size:1.1rem;font-weight:300;margin:0 auto;max-width:600px}.project-cards{bottom:0;display:flex;gap:2rem;left:50%;perspective:1200px;position:absolute;transform:translateX(-50%)}.mini-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#e6e6f063;border:3px solid #f5f5f5c8;border-radius:16px;box-shadow:-3px 8px 10px rgba(0,0,0,.496);cursor:pointer;height:320px;overflow:hidden;position:relative;transform:translateY(20%);transform-style:preserve-3d;transition:transform .4s ease,box-shadow .3s ease;width:320px}.tilt1{transform:translateY(30%) rotate(-5deg)}.tilt2{transform:translateY(30%) rotate(3deg)}.tilt3{transform:translateY(30%) rotate(-8deg)}.mini-card:hover{box-shadow:0 12px 35px #00000059;transform:translateY(-7%) scale(1.05) rotate(0deg)}.mini-card img{filter:brightness(90%);height:100%;object-fit:cover;width:100%}.mini-card .label{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#e6e6f063;border:1px solid #fff;border-radius:999px;box-shadow:0 2px 6px #0003;color:#fff;font-size:.9rem;font-weight:600;left:10px;padding:.3rem .8rem;position:absolute;top:10px;z-index:2}.frontend-section{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:flex-start;overflow:hidden;padding-top:2rem;position:relative;text-align:center;width:100vw}.frontend-text h1{color:#36205e;font-family:Raleway,sans-serif;font-size:4.5rem;font-style:italic;font-weight:400;margin-bottom:1rem;margin-top:1rem}.frontend-text p{color:#444;font-family:Raleway,sans-serif;font-size:1.1rem;font-weight:300;margin:0 auto;max-width:600px}.toggle-container{display:flex;gap:1rem;margin:1rem 0}.toggle-container button{background:#ddd;border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.5rem 1rem}.toggle-container button.active{background:#444;color:#fff}.research-content{margin-top:1.5rem}.flex-box.expanded{background:#f5f5f5;border-radius:12px;padding:2rem;transition:all .4s ease}.research-section{height:80vh;margin-top:0;text-align:center;width:90vw}.research-heading{color:#36205e;font-family:Raleway,sans-serif;font-size:3.5rem;font-style:italic;font-weight:400;margin-bottom:1.5rem;margin-top:0}.frontend-text h1 span{display:inline-block;white-space:pre}.pill-toggle{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#e6e6f063;border:1px solid #ffffffc3;border-radius:50px;box-shadow:-2px 4px 10px #00000042;display:inline-flex;margin-bottom:2rem;margin-top:0;padding:.3rem}.pill-option{border-radius:50px;color:#36205e;cursor:pointer;font-family:Raleway,sans-serif;font-size:1.2rem;font-weight:400;padding:.7rem 4rem;transition:all .3s ease}.pill-option.active{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,90%,.778);border:1px solid #ffffff47;box-shadow:-2px 2px 6px rgba(0,0,0,.192);font-weight:500}.research-panels{margin:0 auto;max-width:900px;min-height:200px;position:relative;width:100%}.research-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#e6e6f063;border:1px solid #ffffffc3;border-radius:12px;box-shadow:-2px 4px 10px #00000042;left:50%;opacity:0;padding:3rem 4rem;position:absolute;top:0;transform:scale(0);transform-origin:center;transition:all .4s ease;width:100%}.research-panel.active{opacity:1;transform:translateX(-50%) scale(1);z-index:2}.research-panel.inactive-left{opacity:0;transform:translateX(-80%) scale(0);z-index:1}.research-panel.inactive-right{opacity:0;transform:translateX(30%) scale(0);z-index:1}.research-panel h2{color:#36205e;font-size:1.7rem;font-style:normal;font-weight:500;margin-bottom:1rem}.research-panel h2,.research-panel p{font-family:Raleway,sans-serif;margin-top:.5rem}.research-panel p{color:#444;font-size:1.05rem;font-weight:400;margin-bottom:2rem}.research-panel .subtext{color:#c05776;font-family:Raleway,sans-serif;font-size:1.4rem;font-style:italic;font-weight:400;margin-top:0}@media (max-width:1100px){.research-panels{max-width:750px}}@media (max-width:1024px){.research-section{height:100vh;margin-bottom:0}.carousel{gap:2rem}.frontend-text h1,.uiux-text h1{font-size:3.2rem}.frontend-text p,.uiux-text p{font-size:1rem;max-width:500px}.research-panels{max-width:50vw}.mini-card{height:260px;width:260px}}@media (max-width:768px){.frontend-section,.uiux-section{height:auto;overflow:visible;width:auto}.carousel-container{min-height:auto;overflow-x:hidden}.carousel{align-items:center;flex-direction:column;gap:2rem}.frontend-text h1,.uiux-text h1{font-size:2.5rem}.frontend-text p,.uiux-text p{font-size:1.1rem;margin-bottom:2rem;padding:0 1rem}.project-cards{align-items:center;flex-direction:column;gap:1.5rem;position:static;transform:none}.mini-card{max-width:320px;transform:none!important;width:90%}.research-panel.active{margin-bottom:2rem}.research-panels{max-width:60vw}.research-heading{font-size:3rem}}@media (max-width:480px){.research-heading{margin-top:4rem}.research-panel{padding:1rem 2rem}.research-panel h2{font-size:1.3rem}.card{max-width:280px;width:85%}.card-label{font-size:1rem}.frontend-text h1,.research-heading,.uiux-text h1{font-size:7.8vw;font-weight:600;margin-top:3rem}.frontend-text p,.uiux-text p{font-size:.85rem}.mini-card{max-width:280px}.pill-option{font-size:1rem;padding:.5rem 1rem}}@media (max-width:710px){.scatter-container{display:none}}body{cursor:none}.cursor-gradient-canvas{height:100vh;inset:0;pointer-events:none;position:fixed;width:100vw;z-index:9999}.service-container{margin:0}.service-page{align-items:center;display:flex;flex-direction:column;margin:0;min-height:100vh;padding:60px 10%}.service-heading{color:#36205e;font-family:Raleway,sans-serif;font-size:4.2rem;font-style:italic;font-weight:400;margin-bottom:60px;margin-top:1rem;position:relative;text-align:center}.service-list{display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;width:100%}.service-card{align-items:stretch;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,#d3f0ff72 0,#ffffff46 20%);border:1px solid hsla(0,0%,100%,.759);border-radius:20px;box-shadow:0 6px 15px #0000001a;cursor:pointer;display:flex;flex-direction:row;gap:20px;justify-content:space-between;max-height:190px;overflow:hidden;padding:20px;transition:max-height .5s ease,box-shadow .3s ease,transform .4s ease}.service-card.active{box-shadow:0 12px 28px #0003;max-height:500px;padding:1rem;transform:scale(1.02)}.service-image{aspect-ratio:1/1;border-radius:15px;flex:0 0 18%;margin:0;min-width:140px;object-fit:cover;transition:all .5s ease}.service-card.active .service-image{border-radius:18px;flex:0 0 25%;margin:auto 0;max-height:calc(100% - 30px);transform:scale(1.05);width:240px}.service-content{display:flex;flex:1 1;flex-direction:column;font-family:Raleway,sans-serif;justify-content:space-between;margin-left:1rem;margin-right:1rem;transition:all .3s ease}.service-heading-card{color:#36205e;font-family:Raleway,sans-serif;font-size:2rem;font-style:normal;font-weight:600;font-weight:400;margin:0}.service-subtext{color:#555;margin-top:.5rem}.service-subtext,.service-tools{font-size:1rem;margin-bottom:.5rem}.service-tools{color:#9b3886;font-style:italic;font-weight:500;margin-top:0}.service-button{align-self:flex-start;background:radial-gradient(circle at bottom,#d4d1e6 0,#cb65bf 100%);border:none;border:.1rem solid hsla(0,0%,87%,.668);border-radius:50px;box-shadow:0 6px 13px rgba(220,164,230,.741),inset 0 4px 8px hsla(0,0%,100%,.776),inset 0 -4px 6px rgba(0,0,0,.201);color:#fff;cursor:pointer;font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-size:1rem;font-weight:600;padding:.7rem 1.7rem;transition:all .5s ease}.service-button:hover{background:radial-gradient(circle at top,#d4d1e6 0,#cb65bf 100%);transform:scale(1.07)}.service-description{color:#333;display:none;font-size:.9rem;line-height:1.6;margin-top:10px;transition:opacity .4s ease}.service-card.active .service-description{display:block;transition:all .5s ease}@media (max-width:768px){.service-heading{font-size:3.9rem}.service-card{flex-direction:column;max-width:370px;min-height:600px}.service-card.active{align-items:center;display:flex;justify-content:center;max-height:none;transition:all .5s ease}.service-list{align-items:center}.service-image{margin:0 auto}.service-card.active .service-image,.service-image{align-items:center;max-width:350px;width:100%}.service-content{text-align:center}.service-button{align-self:center}}@media (max-width:480px){.service-heading{font-size:3.2rem}.service-card{flex-direction:column;max-width:280px;min-height:520px}.service-card.active{align-items:center;display:flex;justify-content:center;max-height:none;transition:all .5s ease}.service-list{align-items:center}.service-image{margin:0 auto}.service-card.active .service-image,.service-image{align-items:center;max-width:260px;width:100%}.service-content{text-align:center}.service-button{align-self:center}}
/*# sourceMappingURL=main.a10dddcb.css.map*/