:root{--navy-primary: rgba(11, 22, 44, .6);--navy-secondary: rgba(15, 35, 77, .5);--navy-nav: rgba(15, 35, 77, .85);--navy-tertiary: rgba(11, 31, 55, .5);--dark-blue: #0971f0;--light-blue: #138ef0;--blue-glass: rgba(9, 113, 240, .5);--dark-gold: #f7991d;--light-gold: #fcc00a;--gold-glass: rgba(247, 153, 29, .5);--radius-xs: .65rem;--radius-sm: 1rem;--radius-md: 1.25rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-2xl: 2.5rem;--white-shadow: 0px 0px 20px rgba(255, 255, 255, .25);--blue-shadow: 0px 0px 20px rgba(16, 95, 214, .45);--navy-shadow: 0px 0px 14px rgba(15, 35, 77, .7);--gold-shadow: 0px 0px 20px rgba(247, 153, 29, .4);--pink-shadow: 0px 0px 20px rgba(233, 56, 192, .4);--dark-shadow: 0px 0px 20px rgba(0, 0, 0, .15);--blue-gradient: linear-gradient(135deg, #138ef0 0%, #0971f0 100%);--pink-gradient: linear-gradient(135deg, #e938c0 0%, #f15f79 100%);--yellow-gradient: linear-gradient(135deg, #fcc00a 0%, #f7991d 100%);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--ease-spring: cubic-bezier(.34, 1.2, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--transition-fast: .25s var(--ease-smooth);--transition-base: .4s var(--ease-smooth);--transition-slow: .6s var(--ease-smooth)}html{background-color:#0b162c}*{padding:0;margin:0;scroll-behavior:smooth}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-Regular-BcxJ8nf8.eot);src:url(/assets/Gilroy-Regular-BcxJ8nf8.eot?#iefix) format("embedded-opentype"),url(/assets/Gilroy-Regular-n1lBe3Rp.woff2) format("woff2"),url(/assets/Gilroy-Regular-BnyLxm1l.woff) format("woff"),url(/assets/Gilroy-Regular-2Fw_lGQ8.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-Medium-0ifonrR4.eot);src:url(/assets/Gilroy-Medium-0ifonrR4.eot?#iefix) format("embedded-opentype"),url(/assets/Gilroy-Medium-Blyp7Nzx.woff2) format("woff2"),url(/assets/Gilroy-Medium-DogmbeAE.woff) format("woff"),url(/assets/Gilroy-Medium-CWK_uDRM.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-SemiBold-BzQjxQfd.eot);src:url(/assets/Gilroy-SemiBold-BzQjxQfd.eot?#iefix) format("embedded-opentype"),url(/assets/Gilroy-SemiBold-Dtzmtuj3.woff2) format("woff2"),url(/assets/Gilroy-SemiBold-B9sbBDVF.woff) format("woff"),url(/assets/Gilroy-SemiBold-UeRgw5DA.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-Bold-PsnOMsqR.eot);src:url(/assets/Gilroy-Bold-PsnOMsqR.eot?#iefix) format("embedded-opentype"),url(/assets/Gilroy-Bold-CwxUi1Ui.woff2) format("woff2"),url(/assets/Gilroy-Bold-wvLA9MOE.woff) format("woff"),url(/assets/Gilroy-Bold-1ZPYSWKx.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased}@font-face{font-family:Gilroy;src:url(/assets/Jeko-Extra-Bold-B1QWazjD.ttf);font-weight:900;font-style:normal;font-display:swap}body{background-size:cover}h1,h2,h3{font-family:Gilroy,Helvetica,Arial,sans-serif;font-synthesis:none}h1{font-size:5vw;font-weight:900;font-style:normal}h2{font-size:3vw;font-weight:600;font-style:bold;letter-spacing:.1rem}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:4rem;position:relative;overflow:hidden}.contact h1{font-weight:800}@media (max-width: 1024px){.contact{margin-top:70vw}}@media (max-width: 767px){.contact{margin-top:8rem}}.contact__header{display:flex;margin-bottom:1.25rem;align-items:center}.contact__header img{width:4.6vw;height:4.6vw;margin-right:1vw}@media (max-width: 1024px){.contact__header img{width:4.2rem;height:4.2rem;margin-right:1.4vw}}@media (max-width: 767px){.contact__header{width:80vw;border-radius:var(--radius-md);margin-bottom:.75rem}.contact__header h1{font-size:3.5rem}.contact__header img{width:2.8rem;height:2.8rem;margin-right:1rem}}.contact__container{display:flex;flex-direction:column;justify-content:center;margin-top:2rem;height:100%}@media (max-width: 767px){.contact__container{padding-bottom:8rem}}.contact__content{display:flex;flex-direction:row;border-radius:var(--radius-2xl);width:84vw;height:42vw;padding-bottom:1rem;position:relative;align-items:center;justify-content:center;transition:box-shadow .6s var(--ease-smooth)}.contact__content:hover{box-shadow:0 0 40px #0b162c66}@media (max-width: 767px){.contact__content{height:84vw}}.contact__shelf{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);border-radius:var(--radius-xl)}.contact__text{position:absolute;display:flex;flex-direction:column;font-size:3.75vw;font-weight:600;align-self:center;margin:auto;letter-spacing:.02em}@media (max-width: 767px){.contact__text{font-size:7vw}}.contact__bg{position:absolute;display:flex;z-index:-1;margin-top:4vw;overflow:hidden}@media (max-width: 767px){.contact__bg{display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);height:40rem;gap:1rem}}.contact__bg-icon{width:50vw;margin-right:2vw;overflow-y:hidden}@media (max-width: 767px){.contact__bg-icon{margin:0}}.skills{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:6.5vw 0}.skills h1{font-weight:800}.skills__container{display:flex;flex-direction:column;align-items:flex-start;width:80vw}@media (max-width: 767px){.skills__container{margin-top:2rem;margin-bottom:2rem}}.skills__header{display:flex;margin-bottom:1.25rem;align-items:center}.skills__header img{width:4.6vw;height:5.8vw;margin-right:.25rem}@media (max-width: 1024px){.skills__header img{width:4.2rem;height:4.2rem}}@media (max-width: 767px){.skills__header{width:80vw;border-radius:var(--radius-md);margin-bottom:.75rem}.skills__header h1{font-size:3.5rem}.skills__header img{width:2.8rem;height:2.8rem}}.skills__list{display:grid;grid-template-columns:repeat(5,1fr);gap:3.8vw}@media screen and (max-width: 767px){.skills__list{grid-template-columns:repeat(4,1fr);gap:2vw;width:80vw;justify-items:center;align-items:center;aspect-ratio:1/1;border-radius:var(--radius-xl)}}.skills__item{display:flex;align-items:center;justify-content:center;flex-direction:column;width:12vw;height:15vw;margin-right:1rem;border-radius:var(--radius-lg);will-change:transform;transform-origin:center center;transform:scale(1) translateZ(0);transition:transform .5s cubic-bezier(.25,.1,.25,1),box-shadow .5s cubic-bezier(.25,.1,.25,1),border-color .5s cubic-bezier(.25,.1,.25,1)}.skills__item:hover{transform:scale(1.025) translateZ(0);box-shadow:0 6px 20px #0003;border-color:#138ef04d}@media screen and (max-width: 767px){.skills__item{width:2rem;height:2rem;margin-right:0;padding:1rem;border-radius:var(--radius-md)}.skills__item img{width:2rem;height:2rem}.skills__item:hover{transform:scale(1.04) translateZ(0)}}.skills__item-img{width:4rem;height:4rem}@media (max-width: 1024px){.skills__item-img{width:3rem;height:3rem}}@media screen and (max-width: 767px){.skills__item-img{width:2rem;height:2rem}}.skills__bg{position:absolute;display:flex;z-index:-1}@media (max-width: 767px){.skills__bg{display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);height:40rem}}.skills__bg-icon{width:33vw;margin-right:2vw}@media (max-width: 767px){.skills__bg-icon{width:50vw;margin-right:0}}.petals{position:absolute;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;gap:2rem;overflow:hidden}.petals>*{width:100px;height:100px;filter:blur(.5px)}.petals-blue{position:absolute;padding-left:60rem;padding-bottom:20rem}.petals-gold{position:absolute;padding-left:24rem}.petals-pink{position:absolute;padding-left:42rem;padding-top:28rem}.hero{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;top:0}@media (min-width: 1025px){.hero{flex-direction:row}}@media (max-width: 1024px){.hero__left{display:flex;align-items:center;flex-direction:column;order:1}}.bg{width:98vw;border-radius:var(--radius-xl);height:auto;top:0;z-index:-1}@media (max-width: 767px){.bg{width:100vw;border-radius:0 0 var(--radius-xl) var(--radius-xl)}}.hero__container{position:absolute;width:100vw;height:100vh;display:flex;align-items:center}.hero__intro{line-height:.95;font-size:5.25vw}.hero__intro span:nth-child(1){background:var(--blue-gradient)}.hero__intro span:nth-child(2){background:var(--pink-gradient)}.hero__intro span:nth-child(3){background:var(--yellow-gradient)}.hero__intro span:nth-child(n+1):nth-child(-n+3){-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.hero__intro span:nth-child(n+1):nth-child(-n+2){padding-right:1vw}@media (max-width: 1024px){.hero__intro{font-size:9vw;margin-bottom:.5rem;text-align:center}}@media (max-width: 767px){.hero__intro{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;font-size:18.5vw;text-align:center;justify-items:center}.hero__intro span:nth-child(1){transform:translate(2vw)}.hero__intro span:nth-child(2){transform:translate(4vw)}.hero__intro span:nth-child(-n+2){grid-column:span 1;padding-right:0}.hero__intro span:nth-child(3){grid-column:span 3}}.hero__desc{width:34vw;line-height:.925;font-size:2.75vw}@media (max-width: 1024px){.hero__desc{text-align:center;width:55vw;font-size:4.5vw}}@media (max-width: 767px){.hero__desc{line-height:1.05;margin-top:.1rem;width:70vw;font-size:6vw;text-align:center}}.hero__location{position:absolute;display:flex;flex-direction:row;height:2.5rem;align-items:center;justify-content:center;border-radius:var(--radius-md);bottom:3rem;width:17rem;transition:box-shadow .4s var(--ease-smooth),transform .4s var(--ease-spring)}.hero__location p{font-size:.9rem;letter-spacing:.02em;opacity:.9}.hero__location:hover{box-shadow:var(--navy-shadow);transform:scale(1.03)}@media (max-width: 768px){.hero__location{display:none}}.hero__right{display:flex;flex-direction:row;align-items:center}@media (max-width: 1024px){.hero__right{order:2;position:absolute;bottom:20%}}.hero__logo{width:12.5vw;height:12.5vw;border-radius:26%;box-shadow:var(--blue-shadow);transition:box-shadow .5s var(--ease-smooth),transform .5s var(--ease-spring);z-index:1}.hero__logo:hover{transform:scale(1.02)}.project{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.project h1{font-weight:800}.project__container{display:flex;flex-direction:column;align-items:flex-start;max-width:80vw;margin-top:4rem}@media (max-width: 767px){.project__container{margin-top:2rem}}.project__header{display:flex;margin-bottom:1.25rem;align-items:center}.project__header img{width:4.6vw;height:4.6vw;margin-right:1vw}@media (max-width: 1024px){.project__header img{width:7.5vw;height:7.5vw;margin-right:1.2vw}}@media (max-width: 767px){.project__header{width:80vw;border-radius:var(--radius-md);margin-bottom:.75rem}.project__header h1{font-size:3.5rem}.project__header img{width:2.8rem;height:2.8rem;margin-right:1vw}}.project__grid{display:grid;width:80vw;height:80vw;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;gap:3vw;grid-template-areas:"one one two two" "one one two two" "three three four four" "three three  four four"}@media (max-width: 1024px){.project__grid{display:flex;flex-direction:column;height:auto}}@media (max-width: 1024px){.project__grid>*{width:80vw;height:auto;aspect-ratio:1/1.1}}.project__shelf{display:flex;justify-content:flex-start;align-items:center;width:100%;z-index:3;border-radius:var(--radius-lg);padding-top:2vw;padding-bottom:.5vw}@media (max-width: 1024px){.project__shelf{padding-top:4.5vw;padding-bottom:1.5vw}}.project__shelf-block{display:flex;flex-direction:row;align-items:center}.project__title{z-index:2;display:flex;font-weight:600;margin-left:2vw;font-size:2vw}@media (max-width: 1024px){.project__title{font-size:4.5vw;margin-left:3.5vw}}.project__tools{display:flex;margin-left:1vw}@media (max-width: 1024px){.project__tools{margin-left:2vw}}.project__tools-img{width:.9vw;height:.9vw;padding:.5vw;margin-right:.5vw;border-radius:var(--radius-sm)}@media (max-width: 1024px){.project__tools-img{width:2.25vw;height:2.25vw;padding:1.25vw;margin-right:1vw;border-radius:var(--radius-sm)}}.project__description{margin:0 2vw 2.5vw;font-size:2ch;opacity:.75;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 1024px){.project__description{font-size:2.3vw;margin-left:3.5vw;margin-right:3.5vw}}.project__item{display:flex;aspect-ratio:1/1;flex-direction:column;justify-content:space-between;border-radius:var(--radius-2xl);cursor:pointer;overflow:hidden;will-change:transform;transform-origin:center center;transform:scale(1) translateZ(0);transition:transform .5s cubic-bezier(.25,.1,.25,1),box-shadow .5s cubic-bezier(.25,.1,.25,1),border-color .5s cubic-bezier(.25,.1,.25,1)}.project__item:hover{transform:scale(1.015) translateZ(0);box-shadow:0 8px 28px #00000040;border-color:#138ef059}.project__item-img{z-index:1;border-radius:inherit;width:100%;height:72.5%;object-fit:cover}@media (max-width: 1024px){.project__item{justify-content:initial;border-radius:var(--radius-xl)}}@media (max-width: 767px){.project__item{align-items:center}}.project__item:nth-child(1){grid-area:one}.project__item:nth-child(2){grid-area:two}.project__item:nth-child(3){grid-area:three}.project__item:nth-child(4){grid-area:four}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem}.modal__content{position:relative;max-width:680px;width:100%;border-radius:var(--radius-2xl);overflow:hidden;display:flex;flex-direction:column;max-height:90vh;overflow-y:auto}@media (max-width: 767px){.modal__content{max-width:95vw;border-radius:var(--radius-xl)}}.modal__close{position:absolute;top:1rem;right:1rem;z-index:10;width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.15);background:#0b162cb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s var(--ease-smooth),transform .3s var(--ease-spring)}.modal__close:hover{background:#ffffff1f;transform:scale(1.08)}.modal__close:active{transform:scale(.95)}.modal__image-wrapper{width:100%;aspect-ratio:16/10;overflow:hidden}.modal__image{width:100%;height:100%;object-fit:cover}.modal__body{padding:1.75rem 2rem 2rem;display:flex;flex-direction:column;gap:1rem}@media (max-width: 767px){.modal__body{padding:1.25rem 1.5rem 1.5rem}}.modal__header{display:flex;align-items:center;justify-content:space-between;width:100%}.modal__header-left{display:flex;align-items:center;gap:.75rem}.modal__title{font-size:1.75rem;font-weight:700;letter-spacing:-.01em}.modal__tools{display:flex;gap:.4rem}.modal__tools-img{width:1.25rem;height:1.25rem;padding:.35rem;border-radius:var(--radius-sm)}.modal__description{font-size:1rem;line-height:1.65;opacity:.8;letter-spacing:.01em}.modal__links{display:flex;gap:.6rem}.modal__link-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;text-decoration:none;color:#fff;transition:background .4s var(--ease-smooth),box-shadow .4s var(--ease-smooth),transform .3s var(--ease-spring)}.modal__link-btn img{width:1rem;height:1rem}.modal__link-btn:active{transform:scale(.96)}.modal__link-btn--github{background:#138ef033;border:1px solid rgba(19,142,240,.35)}.modal__link-btn--github:hover{background:var(--blue-gradient);box-shadow:var(--blue-shadow)}.modal__link-btn--site{background:#fcc00a33;border:1px solid rgba(252,192,10,.35)}.modal__link-btn--site:hover{background:var(--yellow-gradient);box-shadow:var(--gold-shadow)}.project__bg{display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:absolute;z-index:-1;overflow:hidden;top:0;left:0;width:100%}@media (max-width: 767px){.project__bg{height:120vw}}.project__bg-text{font-size:14vw;font-weight:800;-webkit-user-select:none;user-select:none;color:var(--navy-secondary);white-space:nowrap;overflow-y:visible;overflow-x:hidden;line-height:1.175}@media (max-width: 1024px){.project__bg-text{line-height:1.1;font-size:16vw}}@media (max-width: 767px){.project__bg-text{font-size:16vw}}.navbar{width:94%;height:4rem;position:fixed;margin-top:1.6rem;margin-left:2%;border-radius:var(--radius-lg);z-index:1000}@media screen and (min-width: 2400px){.navbar{height:6rem;border-radius:var(--radius-xl)}}.navbar__logo{box-sizing:border-box;padding:.9rem 2.2rem .9rem .9rem;border-radius:var(--radius-lg);background:var(--navy-primary);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);font-size:1.35rem;transition:box-shadow var(--transition-base)}.navbar__logo:hover{box-shadow:0 0 16px #0f234d80}@media screen and (min-width: 2400px){.navbar__logo{padding:1.25rem 2.85rem 1.25rem 1.25rem;border-radius:var(--radius-xl)}.navbar__logo h3{font-size:2.5rem}}.navbar__logo img{width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);margin-left:1.2rem;margin-right:.8rem;box-shadow:var(--blue-shadow);transition:box-shadow var(--transition-base)}@media screen and (min-width: 2400px){.navbar__logo img{width:3.5rem;border-radius:var(--radius-md);margin-left:1.6rem;margin-right:1.2rem}}.navbar__links li:nth-child(odd) a:hover .navbar__button-icon{background:var(--yellow-gradient);box-shadow:0 0 10px #fcc00a4d}.navbar__links li:nth-child(2n) a:hover .navbar__button-icon{background:var(--pink-gradient);box-shadow:0 0 10px #e938c04d}.navbar__button{padding:.5rem;font-weight:700}.navbar__button a{display:flex;align-items:center}@media screen and (min-width: 2400px){.navbar__button{padding:.8rem}}.navbar__button-icon{width:16px;height:16px;padding:.5rem;margin-right:.65rem;border-radius:var(--radius-sm);transition:background .4s var(--ease-smooth),box-shadow .4s var(--ease-smooth)}@media (max-width: 1024px){.navbar__button-icon{margin-right:4vw}}@media screen and (min-width: 2400px){.navbar__button-icon{width:24px;height:24px;padding:.8rem;margin-right:1.2rem;border-radius:var(--radius-md)}}.navbar__button-label{margin-right:1.5rem;font-weight:700;transition:color var(--transition-fast)}@media screen and (min-width: 2400px){.navbar__button-label{font-size:1.6rem}}.navbar__contact{margin-right:.75rem;padding-right:1rem;border-radius:var(--radius-md);transition:background .4s var(--ease-smooth),box-shadow .4s var(--ease-smooth)}.navbar__contact img{width:16px;height:16px;padding:.8rem}.navbar__contact:hover{background:var(--blue-gradient);box-shadow:var(--blue-shadow)}.navbar__contact:active{transform:scale(.96);transition:transform .15s var(--ease-smooth)}@media screen and (min-width: 2400px){.navbar__contact{margin-right:1rem;padding-right:1.5rem;border-radius:var(--radius-lg)}.navbar__contact h3{font-size:1.75rem}.navbar__contact img{width:28px;height:28px;padding:1.2rem}}h1,h2,h3,a,span,p{font-family:Gilroy,Helvetica,Arial,sans-serif;text-decoration:none;font-synthesis:none;color:#fff}h1{font-size:5.5rem;font-weight:900;font-style:normal}h2{font-weight:700}h3{font-weight:600}a{font-weight:600;font-size:1.15rem}ul{list-style-type:none;margin:0;padding:0}li{list-style-type:none}p{font-family:Gilroy,Helvetica,Arial,sans-serif;font-weight:600}.container{width:100%;height:100%;display:flex;flex-direction:row}.app>*:not(:first-child){margin-bottom:6vw}@media (max-width: 767px){.app>*:last-child{margin-bottom:0}}.flex{display:flex;align-items:center}.flex--h{display:flex;justify-content:center;flex-direction:row}.flex--col{display:flex;justify-content:center;align-items:center;flex-direction:column}.flex--v{display:flex;align-items:center;flex-direction:row}.flex--around{display:flex;justify-content:space-around;flex-direction:row}.flex--spaced{display:flex;justify-content:space-between;align-items:center}.wrapper{width:100%}.dots{display:flex;justify-content:center;align-items:center;flex-direction:column;position:fixed;top:42.5%;transform:translateY(-45%);z-index:100;padding:1rem;right:.5%}.dots .dots__icon{width:10px;height:10px;border-radius:50%;background-color:#cbcbcb66;margin:.5rem;border:none;padding:0;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background .5s cubic-bezier(.25,.1,.25,1),transform .5s cubic-bezier(.25,.1,.25,1),box-shadow .5s cubic-bezier(.25,.1,.25,1)}.dots .dots__icon:hover{background-color:var(--light-blue);box-shadow:0 0 8px #138ef080}@media screen and (min-width: 2000px){.dots .dots__icon{width:20px;height:20px}}.hidden{display:none;width:0px;height:0px}.primary-bg{background:var(--navy-primary);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(20,62,112,.3);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.secondary-bg{background:var(--navy-secondary);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(15,35,77,.7);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.tertiary-bg{background:var(--navy-tertiary);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(14,41,75,.45);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.nav-bg{background:var(--navy-nav);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(15,35,77,.7)}.blue-glass{background:var(--blue-glass);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(9,113,240,.4)}.gold-glass{background:#fcc00a66;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(252,192,10,.4)}.pink-glass{background:linear-gradient(135deg,#e938c066,#f15f7966);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(233,56,192,.3)}.app{margin:1vw;border-radius:var(--radius-xl);position:absolute;overflow:hidden;border:1px solid rgba(15,35,77,.45)}@media (max-width: 767px){.app{margin:0;border-radius:0;border:none}}.app__bg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0e1a30;z-index:-1}.shelf{border-radius:var(--radius-lg);margin-left:2vw}@media (max-width: 1024px){.shelf{margin-left:0}}.shelf--item{display:flex;align-items:center;justify-content:center;width:2.75rem;aspect-ratio:1;padding:0;margin:1.1rem .9rem;border-radius:var(--radius-md);cursor:pointer;transition:transform .4s var(--ease-spring),background .4s var(--ease-smooth),box-shadow .4s var(--ease-smooth),border-color .4s var(--ease-smooth)}.shelf--item img{width:1.15rem;height:1.15rem}.shelf--item a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media (max-width: 1024px){.shelf--item{margin:.75rem 1.5rem}}.shelf--item:nth-child(1){background:var(--blue-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(9,113,240,.4)}.shelf--item:nth-child(1):hover{background:var(--blue-gradient);box-shadow:var(--blue-shadow);transform:scale(1.08);border-color:#138ef0b3}.shelf--item:nth-child(1):active{transform:scale(.95)}.shelf--item:nth-child(2){background:linear-gradient(135deg,#e938c066,#f15f7966);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(233,56,192,.4)}.shelf--item:nth-child(2):hover{background:var(--pink-gradient);box-shadow:var(--pink-shadow);transform:scale(1.08);border-color:#e938c0b3}.shelf--item:nth-child(2):active{transform:scale(.95)}.shelf--item:nth-child(3),.shelf--item:nth-child(4){background:#fcc00a66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(252,192,10,.4)}.shelf--item:nth-child(3):hover,.shelf--item:nth-child(4):hover{background:var(--yellow-gradient);box-shadow:var(--gold-shadow);transform:scale(1.08);border-color:#fcc00ab3}.shelf--item:nth-child(3):active,.shelf--item:nth-child(4):active{transform:scale(.95)}