@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;550&display=swap";html,body,#root{min-height:100vh;background-color:#000;margin:0}html.no-overscroll-top,body.no-overscroll-top{overscroll-behavior-y:none;touch-action:pan-y}@media(max-width:767px){.description-container-icon-github,.description-container-icon-linkedin{inset:660px auto auto 32px!important}.description-container-icon-github{left:32px!important}.description-container-icon-linkedin{left:96px!important}}.fade-divider{width:100%;height:clamp(220px,32vh,420px);margin-top:-1px;position:relative;isolation:isolate;background:linear-gradient(180deg,#fff,#ffffffd9 20%,#50505040 55%,#000000d9 85%,#000)}.fade-divider:after{content:"";position:absolute;inset:-40px 0;background:inherit;filter:blur(40px);opacity:.7;z-index:-1;pointer-events:none}.background{z-index:0;position:relative;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.description-container{position:relative;z-index:5}.navbar{z-index:30}:root{--purple: rgb(232 121 249);--blue: rgb(96 165 250);--green: rgb(94 234 212);--white: white}.rainbow{height:100vh;width:0;top:0;position:absolute;transform:rotate(10deg);transform-origin:top right;pointer-events:none}.rainbow-2{height:100vh;width:0;top:20vh;position:absolute;transform:rotate(10deg);transform-origin:top right;pointer-events:none}.rainbow:nth-child(1){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--purple),0 0 50px 25px var(--blue),50px 0 50px 25px var(--green),130px 0 80px 40px var(--white);animation:44.1s linear infinite slide;animation-delay:-1.8s}.rainbow:nth-child(2){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--purple),0 0 50px 25px var(--green),50px 0 50px 25px var(--blue),130px 0 80px 40px var(--white);animation:43.2s linear infinite slide;animation-delay:-3.6s}.rainbow:nth-child(3){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--green),0 0 50px 25px var(--purple),50px 0 50px 25px var(--blue),130px 0 80px 40px var(--white);animation:42.3s linear infinite slide;animation-delay:-5.4s}.rainbow:nth-child(4){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--green),0 0 50px 25px var(--blue),50px 0 50px 25px var(--purple),130px 0 80px 40px var(--white);animation:41.4s linear infinite slide;animation-delay:-7.2s}.rainbow:nth-child(5){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--blue),0 0 50px 25px var(--green),50px 0 50px 25px var(--purple),130px 0 80px 40px var(--white);animation:40.5s linear infinite slide;animation-delay:-9s}.rainbow:nth-child(6){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--blue),0 0 50px 25px var(--purple),50px 0 50px 25px var(--green),130px 0 80px 40px var(--white);animation:39.6s linear infinite slide;animation-delay:-10.8s}.rainbow:nth-child(7){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--purple),0 0 50px 25px var(--blue),50px 0 50px 25px var(--green),130px 0 80px 40px var(--white);animation:38.7s linear infinite slide;animation-delay:-12.6s}.rainbow:nth-child(8){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--purple),0 0 50px 25px var(--green),50px 0 50px 25px var(--blue),130px 0 80px 40px var(--white);animation:37.8s linear infinite slide;animation-delay:-14.4s}.rainbow:nth-child(9){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--green),0 0 50px 25px var(--purple),50px 0 50px 25px var(--blue),130px 0 80px 40px var(--white);animation:36.9s linear infinite slide;animation-delay:-16.2s}.rainbow:nth-child(10){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--green),0 0 50px 25px var(--blue),50px 0 50px 25px var(--purple),130px 0 80px 40px var(--white);animation:36s linear infinite slide;animation-delay:-18s}.rainbow:nth-child(11){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--blue),0 0 50px 25px var(--green),50px 0 50px 25px var(--purple),130px 0 80px 40px var(--white);animation:35.1s linear infinite slide;animation-delay:-19.8s}.rainbow:nth-child(12){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--blue),0 0 50px 25px var(--purple),50px 0 50px 25px var(--green),130px 0 80px 40px var(--white);animation:34.2s linear infinite slide;animation-delay:-21.6s}.rainbow:nth-child(13){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--purple),0 0 50px 25px var(--blue),50px 0 50px 25px var(--green),130px 0 80px 40px var(--white);animation:33.3s linear infinite slide;animation-delay:-23.4s}.rainbow:nth-child(14){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--purple),0 0 50px 25px var(--green),50px 0 50px 25px var(--blue),130px 0 80px 40px var(--white);animation:32.4s linear infinite slide;animation-delay:-25.2s}.rainbow:nth-child(15){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--green),0 0 50px 25px var(--purple),50px 0 50px 25px var(--blue),130px 0 80px 40px var(--white);animation:31.5s linear infinite slide;animation-delay:-27s}.rainbow:nth-child(16){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--green),0 0 50px 25px var(--blue),50px 0 50px 25px var(--purple),130px 0 80px 40px var(--white);animation:30.6s linear infinite slide;animation-delay:-28.8s}.rainbow:nth-child(17){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--blue),0 0 50px 25px var(--green),50px 0 50px 25px var(--purple),130px 0 80px 40px var(--white);animation:29.7s linear infinite slide;animation-delay:-30.6s}.rainbow:nth-child(18){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--blue),0 0 50px 25px var(--purple),50px 0 50px 25px var(--green),130px 0 80px 40px var(--white);animation:28.8s linear infinite slide;animation-delay:-32.4s}.rainbow:nth-child(19){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--purple),0 0 50px 25px var(--blue),50px 0 50px 25px var(--green),130px 0 80px 40px var(--white);animation:27.9s linear infinite slide;animation-delay:-34.2s}.rainbow:nth-child(20){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--purple),0 0 50px 25px var(--green),50px 0 50px 25px var(--blue),130px 0 80px 40px var(--white);animation:27s linear infinite slide;animation-delay:-36s}.rainbow:nth-child(21){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--green),0 0 50px 25px var(--purple),50px 0 50px 25px var(--blue),130px 0 80px 40px var(--white);animation:26.1s linear infinite slide;animation-delay:-37.8s}.rainbow:nth-child(22){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--green),0 0 50px 25px var(--blue),50px 0 50px 25px var(--purple),130px 0 80px 40px var(--white);animation:25.2s linear infinite slide;animation-delay:-39.6s}.rainbow:nth-child(23){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--blue),0 0 50px 25px var(--green),50px 0 50px 25px var(--purple),130px 0 80px 40px var(--white);animation:24.3s linear infinite slide;animation-delay:-41.4s}.rainbow:nth-child(24){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--blue),0 0 50px 25px var(--purple),50px 0 50px 25px var(--green),130px 0 80px 40px var(--white);animation:23.4s linear infinite slide;animation-delay:-43.2s}.rainbow:nth-child(25){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--purple),0 0 50px 25px var(--blue),50px 0 50px 25px var(--green),130px 0 80px 40px var(--white);animation:22.5s linear infinite slide;animation-delay:-45s}.rainbow-2:nth-child(1){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--purple),0 0 50px 25px var(--blue),50px 0 50px 25px var(--green),130px 0 80px 40px var(--white);animation:44.1s linear infinite slide;animation-delay:-1.8s}.rainbow-2:nth-child(2){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--purple),0 0 50px 25px var(--green),50px 0 50px 25px var(--blue),130px 0 80px 40px var(--white);animation:43.2s linear infinite slide;animation-delay:-3.6s}.rainbow-2:nth-child(3){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--green),0 0 50px 25px var(--purple),50px 0 50px 25px var(--blue),130px 0 80px 40px var(--white);animation:42.3s linear infinite slide;animation-delay:-5.4s}.rainbow-2:nth-child(4){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--green),0 0 50px 25px var(--blue),50px 0 50px 25px var(--purple),130px 0 80px 40px var(--white);animation:41.4s linear infinite slide;animation-delay:-7.2s}.rainbow-2:nth-child(5){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--blue),0 0 50px 25px var(--green),50px 0 50px 25px var(--purple),130px 0 80px 40px var(--white);animation:40.5s linear infinite slide;animation-delay:-9s}.rainbow-2:nth-child(6){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--blue),0 0 50px 25px var(--purple),50px 0 50px 25px var(--green),130px 0 80px 40px var(--white);animation:39.6s linear infinite slide;animation-delay:-10.8s}.rainbow-2:nth-child(7){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--purple),0 0 50px 25px var(--blue),50px 0 50px 25px var(--green),130px 0 80px 40px var(--white);animation:38.7s linear infinite slide;animation-delay:-12.6s}.rainbow-2:nth-child(8){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--purple),0 0 50px 25px var(--green),50px 0 50px 25px var(--blue),130px 0 80px 40px var(--white);animation:37.8s linear infinite slide;animation-delay:-14.4s}.rainbow-2:nth-child(9){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--green),0 0 50px 25px var(--purple),50px 0 50px 25px var(--blue),130px 0 80px 40px var(--white);animation:36.9s linear infinite slide;animation-delay:-16.2s}.rainbow-2:nth-child(10){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--green),0 0 50px 25px var(--blue),50px 0 50px 25px var(--purple),130px 0 80px 40px var(--white);animation:36s linear infinite slide;animation-delay:-18s}.rainbow-2:nth-child(11){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--blue),0 0 50px 25px var(--green),50px 0 50px 25px var(--purple),130px 0 80px 40px var(--white);animation:35.1s linear infinite slide;animation-delay:-19.8s}.rainbow-2:nth-child(12){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--blue),0 0 50px 25px var(--purple),50px 0 50px 25px var(--green),130px 0 80px 40px var(--white);animation:34.2s linear infinite slide;animation-delay:-21.6s}.rainbow-2:nth-child(13){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--purple),0 0 50px 25px var(--blue),50px 0 50px 25px var(--green),130px 0 80px 40px var(--white);animation:33.3s linear infinite slide;animation-delay:-23.4s}.rainbow-2:nth-child(14){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--purple),0 0 50px 25px var(--green),50px 0 50px 25px var(--blue),130px 0 80px 40px var(--white);animation:32.4s linear infinite slide;animation-delay:-25.2s}.rainbow-2:nth-child(15){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--green),0 0 50px 25px var(--purple),50px 0 50px 25px var(--blue),130px 0 80px 40px var(--white);animation:31.5s linear infinite slide;animation-delay:-27s}.rainbow-2:nth-child(16){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--green),0 0 50px 25px var(--blue),50px 0 50px 25px var(--purple),130px 0 80px 40px var(--white);animation:30.6s linear infinite slide;animation-delay:-28.8s}.rainbow-2:nth-child(17){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--blue),0 0 50px 25px var(--green),50px 0 50px 25px var(--purple),130px 0 80px 40px var(--white);animation:29.7s linear infinite slide;animation-delay:-30.6s}.rainbow-2:nth-child(18){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--blue),0 0 50px 25px var(--purple),50px 0 50px 25px var(--green),130px 0 80px 40px var(--white);animation:28.8s linear infinite slide;animation-delay:-32.4s}.rainbow-2:nth-child(19){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--purple),0 0 50px 25px var(--blue),50px 0 50px 25px var(--green),130px 0 80px 40px var(--white);animation:27.9s linear infinite slide;animation-delay:-34.2s}.rainbow-2:nth-child(20){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--purple),0 0 50px 25px var(--green),50px 0 50px 25px var(--blue),130px 0 80px 40px var(--white);animation:27s linear infinite slide;animation-delay:-36s}.rainbow-2:nth-child(21){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--green),0 0 50px 25px var(--purple),50px 0 50px 25px var(--blue),130px 0 80px 40px var(--white);animation:26.1s linear infinite slide;animation-delay:-37.8s}.rainbow-2:nth-child(22){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--green),0 0 50px 25px var(--blue),50px 0 50px 25px var(--purple),130px 0 80px 40px var(--white);animation:25.2s linear infinite slide;animation-delay:-39.6s}.rainbow-2:nth-child(23){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--blue),0 0 50px 25px var(--green),50px 0 50px 25px var(--purple),130px 0 80px 40px var(--white);animation:24.3s linear infinite slide;animation-delay:-41.4s}.rainbow-2:nth-child(24){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--blue),0 0 50px 25px var(--purple),50px 0 50px 25px var(--green),130px 0 80px 40px var(--white);animation:23.4s linear infinite slide;animation-delay:-43.2s}.rainbow-2:nth-child(25){box-shadow:-130px 0 80px 40px var(--white),-50px 0 50px 25px var(--purple),0 0 50px 25px var(--blue),50px 0 50px 25px var(--green),130px 0 80px 40px var(--white);animation:22.5s linear infinite slide;animation-delay:-45s}@keyframes slide{0%{right:-25vw}to{right:125vw}}.h{box-shadow:0 0 50vh 40vh var(--white);width:100%;height:0;bottom:0;left:0;position:absolute}.v{box-shadow:0 0 35vw 25vw var(--white);width:0;height:100vh;bottom:0;left:0;position:absolute}.description-container{position:absolute;bottom:32px;left:32px;text-align:left;letter-spacing:3px}.description-container-2{position:absolute;top:86px;left:32px;text-align:left;letter-spacing:3px;z-index:10000000}.description-container-2 .title{font-size:19px;font-weight:500;color:#000;text-transform:uppercase}.description-container-2 .subtitle{margin-top:6px;font-size:26px;font-weight:500;color:#000;text-transform:uppercase}.description-container .title{font-size:19px;font-weight:500;color:#000;text-transform:uppercase}.description-container .subtitle{margin-top:6px;font-size:26px;font-weight:500;color:#000;text-transform:uppercase}.description-container-icon-linkedin{position:absolute;bottom:32px;right:32px;text-align:left;letter-spacing:3px}.description-container-icon-github{position:absolute;bottom:32px;right:96px;text-align:left;letter-spacing:3px}.author-container{position:absolute;width:50%;right:21px;bottom:21px;text-align:right}.author-container .title{font-size:16px;letter-spacing:2px;color:#000}.aboutme-text{margin:20px 0}.scroll-reveal-text{font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;font-family:inherit;will-change:opacity,transform,filter}.word{display:inline-block}.header-text{font-family:Helvetica;font-size:36px}.project-carousel-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px 0}.slides-container{display:flex;transition:transform .4s ease-in-out;width:100%}.slides-container-static{display:flex;width:100%;gap:20px;justify-content:center}.slide-item{min-width:50%;width:50%;height:600px;padding:0 10px}.slide-item-static{flex:1;max-width:50%;height:600px;padding:0 10px}.slide-content{width:100%;height:100%;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:transform .5s ease,opacity .5s ease;opacity:.6;transform:scale(.85);cursor:pointer}.slide-item.slide-active .slide-content,.slide-item-static .slide-content:hover{opacity:1;transform:scale(1)}.slide-heading{color:#fff;font-size:3rem;font-weight:700;text-align:center;opacity:0;transform:translateY(-20px);transition:opacity .7s ease .2s,transform .7s ease .2s}.slide-item.slide-active .slide-heading,.slide-item-static:hover .slide-heading{opacity:1;transform:translateY(0)}.lightbox-overlay{position:fixed;inset:0;background-color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:40px;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;padding:0 0 6px}.lightbox-close:hover{background:#fff3;transform:rotate(90deg)}.lightbox-content{display:flex;width:100%;max-width:1400px;height:80vh;background-color:#1a1a1a;border-radius:12px;overflow:hidden;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-left{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;background-color:#000}.lightbox-right{flex:1;padding:30px;overflow-y:auto;background-color:#000;word-wrap:break-word;overflow-wrap:break-word}.lightbox-image{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat}.lightbox-image-element{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;border:white 1px solid}.lightbox-video-element{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;transform:scale(1.7)}.lightbox-title{color:#fff;font-size:2.5rem;margin-bottom:30px;font-weight:700}.lightbox-description{color:#ccc;font-size:1.1rem;line-height:1.8;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}@media(max-width:768px){.lightbox-content{flex-direction:column;height:90vh}.lightbox-left{flex:0 0 40%}.lightbox-right{flex:1;padding:30px}.lightbox-title{font-size:1.8rem}}.tech-stack-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;margin-bottom:20px}.tech-pill{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.9rem;font-weight:600;transition:all .3s ease;cursor:default;box-shadow:0 2px 8px #667eea4d}.tech-pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea80}.tech-pill.blue{background:linear-gradient(135deg,#667eea,#4a90e2)}.tech-pill.green{background:linear-gradient(135deg,#11998e,#38ef7d)}.tech-pill.orange{background:linear-gradient(135deg,#f093fb,#f5576c)}.tech-pill.dark{background:linear-gradient(135deg,#232526,#414345)}.mini-carousel{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mini-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0009;color:#fff;border:none;font-size:3rem;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center;line-height:0;padding:0 0 6px}.mini-carousel-btn:hover{background:#000c}.mini-carousel-btn.prev{left:20px;padding-right:3px}.mini-carousel-btn.next{right:20px;padding-left:3px}.mini-carousel-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.mini-dot{width:10px;height:10px;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:all .3s ease}.mini-dot.active{background-color:#fff;transform:scale(1.2)}.mini-dot:hover{background-color:#fffc}