*{box-sizing:border-box;padding:0;margin:0}:root{--highlight-red: #D5232B;--highlight-blue: rgba(98, 180, 255);--highlight-dark: #4d5159;--highlight-green: #3ce000;--dark-primary: #101214;--dark-secondary: #2e3136;--dark-secondary-50: #1c2026;--dark-tertiary: #5f666f;--dark-tertiary-50: #5f666f50;--light-primary: #efeff7;--gray: #898d90}body{height:100dvh}#root{height:100dvh;display:flex;color:var(--light-primary);background-color:var(--dark-primary);font-family:Saira,sans-serif}.card-container{position:relative;height:100%;cursor:pointer;border:1px solid transparent;transition:border-color .24s ease,box-shadow .24s ease}.card-container:hover{border-color:#62b4fff2;box-shadow:0 0 12px #62b4ff59,0 0 24px #62b4ff2e}.card-container:hover .card{background-color:transparent}.card-container:active{border-color:#00478af2;box-shadow:0 0 12px #62b3ff1c,0 0 24px #62b4ff2e}.card-container .card{background:var(--dark-secondary-50);padding:1rem 1.5rem;display:flex;position:relative;overflow:hidden;height:100%;transition:background-color .24s ease}.card-container .card__content{display:flex;width:100%;height:100%;gap:.75rem;flex-grow:1}.card-container .card__title{z-index:1;font-size:1rem;font-weight:600;color:var(--gray);text-transform:uppercase}.card-container .card__body{display:flex;flex-grow:1}.radius-top-left{border-radius:32px 12px 12px}.radius-top-right{border-radius:12px 32px 12px 12px}.radius-bottom-left{border-radius:12px 12px 12px 32px}.radius-bottom-right{border-radius:12px 12px 32px}.radius-middle{border-radius:12px}.cut-right{-webkit-mask-image:radial-gradient(circle 75px at 102% 50%,transparent 0%,transparent 98%,#fff 100%);mask-image:radial-gradient(circle 75px at 102% 50%,transparent 0%,transparent 98%,#fff 100%)}.cut-left{-webkit-mask-image:radial-gradient(circle 75px at -2% 50%,transparent 0%,transparent 98%,#fff 100%);mask-image:radial-gradient(circle 75px at -2% 50%,transparent 0%,transparent 98%,#fff 100%)}.cut-top{-webkit-mask-image:radial-gradient(circle 75px at 50% -2%,transparent 0%,transparent 98%,#fff 100%);mask-image:radial-gradient(circle 75px at 50% -2%,transparent 0%,transparent 98%,#fff 100%)}.cut-bottom{-webkit-mask-image:radial-gradient(circle 75px at 50% 102%,transparent 0%,transparent 98%,#fff 100%);mask-image:radial-gradient(circle 75px at 50% 102%,transparent 0%,transparent 98%,#fff 100%)}.align-top{align-items:flex-start}.align-top .card__content{flex-direction:column;justify-content:flex-start}.align-bottom{align-items:flex-end}.align-bottom .card__content{flex-direction:column-reverse}.align-left .card__content{flex-direction:column;align-items:flex-start;text-align:left}.align-right .card__content{flex-direction:column;align-items:flex-end;text-align:right}@media(max-width:1024px){.card-container .card{padding:.8rem 1rem}.card-container .card__content{gap:.5rem}.card-container .card__title{z-index:1;font-size:.9rem}.cut-top{-webkit-mask-image:radial-gradient(circle 70px at 50% -1%,transparent 0%,transparent 98%,#fff 100%);mask-image:radial-gradient(circle 70px at 50% -1%,transparent 0%,transparent 98%,#fff 100%)}.cut-bottom{-webkit-mask-image:radial-gradient(circle 70px at 50% 101%,transparent 0%,transparent 98%,#fff 100%);mask-image:radial-gradient(circle 70px at 50% 101%,transparent 0%,transparent 98%,#fff 100%)}}@media(max-width:768px){.card-container .card{background:var(--dark-secondary-50)}.card-container .card__body{width:100%}.radius-top-left{border-top-left-radius:12px}.radius-top-right{border-top-right-radius:12px}.radius-bottom-left{border-bottom-left-radius:12px}.radius-bottom-right{border-bottom-right-radius:12px}}@media(max-width:480px){.card-container .card{padding:1rem}.card-container .card__content{gap:.6rem}.card-container .card__title{font-size:1rem}}.center-logo{position:absolute;width:152px;height:152px;display:grid;place-items:center;border-radius:50%;z-index:2}.center-logo__image-container{display:grid;place-items:center;width:120px;height:120px;border-radius:50%;overflow:hidden;cursor:pointer;border:1px solid var(--highlight-blue);transition:box-shadow .24s ease,border-color .24s ease,transform .24s ease}.center-logo__image-container:hover,.center-logo__image-container:focus-visible{border:3px solid;border-color:#62b4fff2;box-shadow:0 0 12px #62b4ff59,0 0 24px #62b4ff2e}.center-logo__image-container:active{border-color:var(--highlight-red);box-shadow:0 0 12px #ff626259,0 0 24px #ff62622e}.center-logo__image{width:100%;height:100%;object-fit:contain}.center-logo.logo--corner{top:24px;right:24px}@media(max-width:768px){.center-logo{display:none;position:relative;width:80px;height:80px}.center-logo__image-container{width:70px;height:70px}.center-logo.logo--corner{display:grid;top:auto;right:auto}}.image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-wrapper__image{width:100%;height:100%;object-fit:cover}.card-grid-wrapper{position:relative;padding:2rem;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.card-grid{display:grid;width:100%;height:100%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,calc(50% - 6px));gap:12px}@media(max-width:1024px){.card-grid-wrapper{padding:1rem}.card-grid{gap:6px;grid-template-rows:repeat(2,calc(50% - 3px))}}@media(max-width:768px){.card-grid-wrapper{flex-direction:column;justify-content:flex-start}.card-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);overflow:auto}}@media(max-width:480px){.card-grid-wrapper{padding:10px}.card-grid{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(6,1fr);gap:10px}}.expanded-card-overlay{position:fixed;inset:0;background:#0006;z-index:50;display:flex}.expanded-card{flex:1;margin:2rem;border-radius:32px;background:var(--dark-secondary-50);border:1px solid rgba(255,255,255,.08);padding:2rem;display:flex}.biography-brief{display:flex;flex-direction:column;justify-content:center}.biography-brief__designation{font-size:1.1rem;font-weight:200;margin-top:-10px}.biography-brief__name{font-size:2.5rem;font-weight:600;margin-top:-6px;margin-bottom:.5rem;color:var(--highlight-blue)}.biography-brief__description{font-size:.9rem;font-weight:400;color:var(--gray)}@media(max-width:1200px){.biography-brief__designation{font-size:1rem}.biography-brief__name{font-size:2rem;margin-top:0}}@media(max-width:768px){.biography-brief__designation{font-size:.9rem}.biography-brief__name{font-size:2rem;margin-top:0}.biography-brief__description{margin-top:-4px;font-size:.9rem;font-weight:400;color:var(--gray)}}@media(max-width:480px){.biography-brief__designation{margin-top:0;font-size:1rem}.biography-brief__name{font-size:2.5rem}.biography-brief__description{margin-top:-4px;font-size:.9rem;font-weight:400;color:var(--gray)}}.experience-brief{display:flex;width:100%;gap:6px}.experience-brief__item{width:100%;height:100%;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:12px;background-color:var(--dark-tertiary-50)}.experience-brief__item:hover{background-color:var(--dark-secondary-50)}.experience-brief__item.right-aligned{align-items:flex-end;text-align:right}.experience-brief__item.right-aligned .experience-brief__item__details{align-items:flex-end}.experience-brief__item__company{display:flex;position:relative;width:100%;max-height:50%}.experience-brief__item__company-logo{width:100%;aspect-ratio:4/3;border-radius:6px;overflow:hidden}.experience-brief__item__details{display:flex;flex-direction:column}.experience-brief__item__details-name{font-size:1.1rem;line-height:18px;font-weight:600;color:var(--highlight-blue)}.experience-brief__item__details-duration{font-size:.8rem;font-weight:400;color:var(--gray)}.experience-brief__item__details-role{margin-top:2px;font-size:.9rem;font-weight:300;line-height:1.2rem}@media(max-width:1024px){.experience-brief__item{padding:12px}.experience-brief__item__company-logo{aspect-ratio:1/1}.experience-brief__item__details{gap:4px}.experience-brief__item__details-name{font-size:1rem}.experience-brief__item__details-duration{font-size:12px;line-height:14px}.experience-brief__item__details-role{font-size:.9rem;line-height:1rem}}@media(max-width:768px){.experience-brief__item{padding:8px}.experience-brief__item__details{gap:2px}.experience-brief__item__details-name{font-size:.9rem}.experience-brief__item__details-duration{display:none}}@media(max-width:480px){.experience-brief__item{padding:12px}.experience-brief__item__company{max-height:60%}.experience-brief__item__details{gap:6px}.experience-brief__item__details-name{font-size:1.2rem}.experience-brief__item__details-duration{display:flex;font-size:14px}}.project-brief{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:6px}.project-brief__item{position:relative}.project-brief__item:hover .project-brief__item__overlay{height:100%}.project-brief__item:hover .project-brief__item__actions{display:flex}.project-brief__item__thumbnail{position:relative;width:100%;height:100%;border-radius:8px;overflow:hidden;cursor:pointer}.project-brief__item__thumbnail img{aspect-ratio:5/1}.project-brief__item__overlay{position:absolute;left:0;bottom:0;width:100%;height:36%;border-radius:8px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:12px;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:height .32s cubic-bezier(.22,1,.36,1),align-items .32s cubic-bezier(.22,1,.36,1)}.project-brief__item__title{font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-align:center;transition:transform .32s cubic-bezier(.22,1,.36,1);line-height:16px}.project-brief__item__actions{display:none;gap:6px}.project-brief__item__actions .live-link,.project-brief__item__actions .github-link{width:45px;padding:6px;display:flex;justify-content:center;align-items:center;border-radius:6px;background:#0003}.project-brief__item__actions .live-link:hover,.project-brief__item__actions .github-link:hover{color:var(--highlight-blue);background-color:var(--dark-secondary)}@media(max-width:1200px){.project-brief__item__title{font-size:.75rem}.project-brief__item__actions .live-link,.project-brief__item__actions .github-link{width:35px}}@media(max-width:768px){.project-brief__item__title{line-height:.7rem}}@media(max-width:480px){.project-brief__item{min-height:120px}.project-brief__item__title{font-size:.8rem;line-height:.85rem;font-weight:400}}.skill-brief{display:flex;flex-direction:column;gap:.5rem;height:100%;width:100%;overflow:hidden}.skill-brief__blocks{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;height:calc(100% - 80px)}.skill-brief .skill-block{flex-grow:1;border-radius:12px;padding:2px;display:flex;flex-direction:column;background-color:var(--dark-tertiary-50)}.skill-brief .skill-block__grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.skill-brief .skill-block .skill-tile{display:grid;place-items:center;border-radius:8px;padding:8px;width:100%;margin:auto;transition:padding .1s ease-in-out;max-height:50px;max-width:50px}.skill-brief .skill-block .skill-tile:hover{padding:2px}.skill-brief .skill-tags-wrapper{display:flex;width:200px;margin:auto 0}@media(max-width:1024px){.skill-brief .skill-block .skill-tile{padding:6px}.skill-brief .skill-block .skill-tile:hover{padding:0}}@media(max-width:768px){.skill-brief__blocks{height:calc(100% - 40px)}}@media(max-width:480px){.skill-brief{gap:.75rem}}.parallax{position:relative;overflow:hidden;margin-bottom:6px}.scroller{display:flex;text-align:center;font-size:.9rem}.text-tile{padding:3px 12px;border:1px solid var(--highlight-dark)}.text-tile:hover{color:var(--highlight-blue);background-color:var(--dark-tertiary-50)}.scroller span{flex-shrink:0}@media(max-width:1024px){.scroller{font-size:.8rem}}.lower-profile-item{position:relative;display:flex;flex:1}.lower-profile-item>*{display:flex;flex-direction:column}.lower-profile-item .left-section{flex:3;justify-content:space-between}.lower-profile-item .left-section__upper{display:flex;justify-content:space-between}.lower-profile-item .left-section__upper .middle-stat{text-align:center}.lower-profile-item .left-section__lower{display:flex;align-items:flex-end;gap:6px}.lower-profile-item .left-section__lower .logo-container{position:absolute;width:70%;opacity:10%;z-index:-1;bottom:0;left:0;margin-bottom:-50px;margin-left:-25px}.lower-profile-item .left-section__lower .inline-logo-container{width:20px;margin-bottom:-2px}.lower-profile-item .left-section__lower .platform-name{font-weight:600;font-size:16px}.lower-profile-item .left-section__lower .user-id{font-size:16px;font-weight:500;color:var(--gray)}.lower-profile-item .right-section{flex:2;text-align:right;align-items:flex-end;justify-content:space-between}.lower-profile-item .right-section .badge-info{display:flex;gap:12px}.lower-profile-item .right-section .badge-info__detail{display:flex;flex-direction:column}.lower-profile-item .right-section .badge-info__detail__label{font-size:13px;font-weight:400;color:var(--gray)}.lower-profile-item .right-section .badge-info__detail__value{font-weight:500;margin-top:-4px;color:var(--highlight-blue)}.lower-profile-item .right-section .badge-info__img{width:auto;height:40px;border-radius:6px;overflow:hidden}@media(max-width:1024px){.lower-profile-item .left-section{flex:2}.lower-profile-item .left-section__upper .middle-stat{display:none}.lower-profile-item .left-section__lower{flex-direction:column;align-items:flex-start;gap:0}.lower-profile-item .left-section__lower .user-id{display:none}.lower-profile-item .left-section__lower .platform-name{font-weight:500}.lower-profile-item .right-section .badge-info{gap:6px}.lower-profile-item .right-section .badge-info__detail__label{font-size:12px}.lower-profile-item .right-section .badge-info__detail__value{font-size:14px;margin-top:-4px}.lower-profile-item .right-section .badge-info__img{height:35px}}@media(max-width:768px){.lower-profile-item .left-section__lower{flex-direction:row;align-items:flex-end;gap:6px}.lower-profile-item .left-section__lower .inline-logo-container{width:25px}.lower-profile-item .left-section__lower .platform-name{display:block}.lower-profile-item .right-section{gap:6px}.lower-profile-item .right-section .badge-info{align-items:flex-end;gap:6px}.lower-profile-item .right-section .badge-info__detail__value{font-size:13px;margin-top:-2px}}@media(max-width:480px){.lower-profile-item .right-section .badge-info{gap:8px}.lower-profile-item .right-section .badge-info__detail__value{font-size:14px;margin-top:-2px}}.stat-item__label{font-size:13px;font-weight:400;color:var(--gray);white-space:nowrap}.stat-item__value{margin-top:-3px}@media(max-width:1024px){.stat-item__label{font-size:12px;max-width:50px;white-space:wrap;line-height:15px}.stat-item__value{margin-top:0;font-size:14px}}@media(max-width:768px){.stat-item__label{font-size:13px;max-width:100%;white-space:nowrap}}.problem-solving-brief{width:100%;height:100%;position:relative;display:flex;flex-direction:column;gap:6px}.problem-solving-brief__item{flex:1;background-color:var(--dark-tertiary-50);border-radius:12px;padding:12px 16px;display:flex;overflow:hidden}.problem-solving-brief__item:hover{background-color:var(--dark-secondary-50)}.problem-solving-brief__item:active{background-color:var(--dark-tertiary-50)}@media(max-width:1024px){.problem-solving-brief__item{padding:10px 14px}}@media(max-width:768px){.problem-solving-brief__item{padding:10px}}.upper-profile-item{position:relative;display:flex;flex:1}.upper-profile-item>*{flex:1;display:flex;flex-direction:column}.upper-profile-item .left-section{justify-content:space-between}.upper-profile-item .left-section .platform-info{display:flex;align-items:flex-end;gap:6px}.upper-profile-item .left-section .platform-info .logo-container{position:absolute;width:70%;opacity:10%;z-index:-1;bottom:0;left:0;margin-bottom:-50px;margin-left:-25px}.upper-profile-item .left-section .platform-info .inline-logo-container{margin-bottom:-2px;width:24px}.upper-profile-item .left-section .platform-info .platform-name{font-weight:600;font-size:16px}.upper-profile-item .left-section .platform-info .user-id{font-size:16px;font-weight:500;color:var(--gray)}.upper-profile-item .right-section{text-align:right;align-items:flex-end}@media(max-width:1024px){.upper-profile-item .left-section .platform-info{flex-direction:column;align-items:flex-start;gap:0}.upper-profile-item .left-section .platform-info .inline-logo-container{margin-bottom:-4px}.upper-profile-item .left-section .platform-info .platform-name{font-weight:500}.upper-profile-item .left-section .platform-info .user-id{display:none}}@media(max-width:768px){.upper-profile-item .left-section .platform-info{flex-direction:row;align-items:flex-end;gap:6px}.upper-profile-item .left-section .platform-info .inline-logo-container{margin-bottom:-2px;width:25px}.upper-profile-item .left-section .platform-info .platform-name{display:block}}.contact-brief{height:100%;width:100%;display:grid;gap:6px;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr)}.contact-brief .contact-card{height:100%;width:100%;border-radius:12px;background-color:var(--dark-tertiary-50);overflow:hidden;grid-column:span 2;position:relative}.contact-brief .contact-card:hover .contact-icon{width:150%}.contact-brief .contact-card:hover .contact-card__options{opacity:1;visibility:visible}.contact-brief .contact-card--span-1{grid-column:span 2}.contact-brief .contact-card--span-2{grid-column:span 3}.contact-brief .contact-card .user-id{position:absolute;left:0;bottom:0;background:#000000b3;padding:0 10px 0 4px;border-radius:0 12px;font-size:16px}.contact-brief .contact-card .icon-container{position:absolute;width:30px;margin-bottom:-4px;transition:width .1s ease-in}.contact-brief .contact-card .clicked .icon-container{transform:scale(.7);transition:transform .1s ease-in}.contact-brief .contact-card__content{height:100%;display:flex;justify-content:center;align-items:center}.contact-brief .contact-card__content .contact-icon{position:absolute;width:105%;transition:width .15s ease-in}.contact-brief .contact-card__options{position:absolute;top:0;left:0;height:100%;width:100%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;border-radius:12px;display:flex;opacity:0;visibility:hidden;transition:opacity .15s ease-in,visibility .15s ease-in}.contact-brief .contact-card__options>*{flex:1;display:flex;align-items:center;justify-content:center}.contact-brief .contact-card__options>*:hover{background:#00000080}.contact-brief .contact-card__options>*:hover .icon-container{width:40px}.contact-brief .contact-card__resume-content{display:flex;flex-direction:column;height:100%}.contact-brief .contact-card__resume-content>*{height:50%}.contact-brief .contact-card__resume-content .upper-content{flex:1;position:relative;border-radius:12px 12px 0 0}.contact-brief .contact-card__resume-content .upper-content:hover .view{opacity:1;visibility:visible}.contact-brief .contact-card__resume-content .upper-content:hover .view .icon-container{width:40px}.contact-brief .contact-card__resume-content .upper-content .heading{flex:1;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;text-transform:uppercase;font-weight:600;color:var(--highlight-blue)}.contact-brief .contact-card__resume-content .upper-content .view{display:flex;position:absolute;left:0;top:0;height:100%;width:100%;border-radius:12px 12px 0 0;justify-content:center;align-items:center;background:#0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .15s ease-in,visibility .15s ease-in}.contact-brief .contact-card__resume-content .action-buttons{display:flex;border-top:2px solid var(--dark-secondary-50)}.contact-brief .contact-card__resume-content .action-buttons .download{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.contact-brief .contact-card__resume-content .action-buttons .download:hover{background-color:var(--highlight-blue)}.contact-brief .contact-card__resume-content .action-buttons .download:hover .icon-container{width:40px}@media(max-width:1200px){.contact-brief .contact-card .user-id{font-size:14px}.contact-brief .contact-card__resume-content .upper-content .heading{font-size:16px}}@media(max-width:1024px){.contact-brief .contact-card .user-id{font-size:12px}.contact-brief .contact-card__resume-content .upper-content .heading{font-size:14px}}@media(max-width:480px){.contact-brief .contact-card{min-height:120px}}