@charset "UTF-8";.contact{position:relative;padding:80px 24px}@media(max-width:1023px){.contact{padding:64px 12px}}@media(max-width:767px){.contact{padding:48px 24px}}@media(max-width:480px){.contact{padding:32px 24px}}.contact__container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:48px}@media(max-width:767px){.contact__container{gap:32px}}.contact__header{text-align:center;display:flex;flex-direction:column;gap:8px}.contact__title{font-size:48.83px;font-weight:400;font-family:var(--font-secondary),sans-serif;color:var(--text-light);line-height:64px}@media(min-width:481px){.contact__title{white-space:nowrap}}@media(max-width:767px){.contact__title{font-size:40px}}.contact__subtitle{color:var(--text-muted);font-weight:400;font-size:20px;line-height:32px;font-family:var(--font-family),sans-serif}.contact__form{display:flex;padding:32px;align-items:start;gap:32px;border-radius:16px;flex-direction:column;justify-content:center;background:var(--bg-light);border:1px solid var(--border);backdrop-filter:blur(2px);width:100%;max-width:558px;box-sizing:content-box}@media(max-width:767px){.contact__form{max-width:350px}}@media(max-width:480px){.contact__form{max-width:300px}}.contact__field{display:flex;flex-direction:column;align-items:start;gap:4px;width:100%}.contact__label{font-size:12px;font-family:var(--font-secondary),sans-serif;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-weight:500;line-height:16px;opacity:.6}@media(max-width:767px){.contact__label{font-size:14px}}.contact__input{padding:12px 0;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text-light);font-size:14px;font-weight:400;width:100%;transition-property:border-color;transition-duration:var(--transition-base);transition-timing-function:ease}@media(max-width:767px){.contact__input{font-size:1rem}}.contact__input::placeholder{color:var(--text-muted);opacity:.9}.contact__input:focus{outline:none;border-bottom-color:var(--secondary-color)}.contact__input--textarea{resize:none}.contact__submit{width:100%}.contact__button{width:100%;padding:16px 0;background:var(--primary-color);color:var(--text-dark);border:none;border-radius:4px;font-weight:500;font-size:1rem;font-family:var(--font-secondary),sans-serif;line-height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition-property:opacity;transition-duration:var(--transition-base);transition-timing-function:ease}.contact__button:hover{opacity:.8}.contact__button:hover .contact__button-icon{transform:translate(.25rem);transition:ease;transition-duration:.3s}.contact__button-icon{width:1rem;height:1rem;transition-property:transform;transition-duration:var(--transition-base);transition-timing-function:ease;transition-duration:.3s}.contact__success,.contact__error-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:4px;font-size:1rem;width:100%;max-width:558px;box-sizing:border-box;margin-bottom:8px}@media(max-width:767px){.contact__success,.contact__error-banner{max-width:350px}}.contact__success{background:var(--success-color);color:var(--text-dark)}.contact__error-banner{background:var(--danger-color);color:var(--text-dark)}.contact__error-icon{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--danger-color);margin-top:2px;animation:fadeInDown .2s ease}.contact__error-icon:before{content:"⚠ "}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:Space Grotesk;src:url(src/assets/fonts/SpaceGrotesk-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(src/assets/fonts/SpaceGrotesk-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(src/assets/fonts/SpaceGrotesk-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(src/assets/fonts/SpaceGrotesk-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(src/assets/fonts/SpaceGrotesk-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(src/assets/fonts/Inter-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Inter 18pt";src:url(src/assets/fonts/Inter18pt-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Inter 18pt";src:url(src/assets/fonts/Inter18pt-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Inter 18pt";src:url(src/assets/fonts/Inter18pt-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}a,button,input,textarea,svg *{transition-duration:.2s}a{text-decoration:none;color:inherit}body{font-size:clamp(12px,1.1111111111vw,16px);font-family:var(--font-family),sans-serif;background-color:var(--bg-dark);color:var(--text-light);min-height:100vh;overflow-x:hidden;position:relative;width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--bg);border-radius:3px}.hide-scroll{-ms-overflow-style:none;scrollbar-width:none}.hide-scroll::-webkit-scrollbar{display:none}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}body.has-focus #hero-scene>div:first-child{opacity:.3;filter:blur(2px);pointer-events:none;transition:all .5s}body.has-focus #tilt-wrapper{transition:transform .8s cubic-bezier(.2,.8,.2,1)!important}.container{max-width:calc(var(--container-width-default) + var(--container-padding-x) * 2);padding-inline:var(--container-padding-x);margin-inline:auto;width:100%}@media(max-width:1023px){.container{--container-padding-x: 72px}}@media(max-width:767px){.container{--container-padding-x: 88px}}@media(max-width:480px){.container{--container-padding-x: 24px}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;white-space:nowrap!important;clip-path:inset(100%)!important;clip:rect(0 0 0 0)!important;overflow:hidden!important}@media(max-width:767px){.hidden-mobile{display:none!important}}@media(min-width:768px){.visible-mobile{display:none!important}}:root{--container-width-default: 1232px;--container-padding-x: 104px;--section-padding-y: 80px;--font-family: "Inter", sans-serif;--font-secondary: "Space Grotesk", sans-serif;--bg-dark: #030303;--bg: #0A0A0A;--bg-light: #171717;--text-dark: #000000;--text-light: #F2F2F2;--text-muted: #B0B0B0;--highlight: #636363;--border: #474747;--border-muted: #2E2E2E;--primary-color: #B9B66A;--secondary-color: #AAA6ED;--danger-color: #BB928B;--warning-color: #A6A17D;--success-color: #85A894;--info-color: #8DA0BF;--node-backend-left: 55%;--node-cloud-top: 10%;--node-frontend-left: 15%;--node-api-right: 5%;--node-db-bottom: 5%}*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure,fieldset):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}p:where(:not([class],:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{height:100%;scrollbar-gutter:stable;scroll-behavior:smooth}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer}button{-webkit-tap-highlight-color:transparent}:where([fill]:not([fill=none],[fill^=url])){fill:currentcolor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentcolor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentcolor}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.navbar{transition:all .5s ease-in-out}.navbar__container{display:flex;align-items:center;justify-content:space-between;height:80px;box-sizing:border-box}.navbar.scrolled{background-color:#02061799;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.03)}.navbar__logo{font-family:var(--font-secondary),sans-serif;font-size:1.5rem;letter-spacing:-.8px;user-select:none;width:fit-content;text-decoration:none;display:block}@media(max-width:480px){.navbar__logo{font-size:1.25rem}}.navbar__logo-text{position:relative;color:var(--primary-color);-webkit-background-clip:text;background-clip:text;font-weight:500;line-height:24px;transition:all .3s ease}.navbar__logo-text:before,.navbar__logo-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;background:inherit;-webkit-background-clip:text;background-clip:text;opacity:.8}.navbar__logo-text.glitch-active:before{animation:glitch-anim-1 .4s cubic-bezier(.25,.46,.45,.94) both;clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}.navbar__logo-text.glitch-active:after{animation:glitch-anim-2 .4s cubic-bezier(.25,.46,.45,.94) both;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}.navbar__menu{display:flex;align-items:center;justify-content:center;gap:32px}.navbar__link{font-size:1rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.25px;text-decoration:none;transition:color .2s ease;line-height:15px;opacity:.8}.navbar__link:hover{opacity:1}.footer{position:relative;z-index:var(--z-content);width:100%;border-top:1px solid var(--border);background:var(--bg);padding-block:2rem}@media(max-width:480px){.footer{padding-block:1.5rem}}.footer__container{display:flex;align-items:center;justify-content:space-between}@media(max-width:767px){.footer__container{flex-direction:column;gap:1rem}}.footer__copyright{font-size:14px;color:var(--text-muted);opacity:.8;font-weight:400;line-height:16px;text-align:center}@media(max-width:480px){.footer__copyright{font-size:1rem}}.footer__links{display:flex;align-items:center;gap:16px}.footer__link{font-size:14px;color:var(--text-muted);opacity:.6;text-decoration:none;white-space:nowrap;transition-property:opacity;transition-duration:var(--transition-base);transition-timing-function:ease}.footer__link:hover{opacity:1}@media(max-width:480px){.footer__link{font-size:1rem}}.social-links{position:fixed;bottom:0;left:2rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;z-index:100}.social-links__list{display:flex;flex-direction:column;gap:1.25rem}.social-links__link{position:relative;color:var(--text-light);opacity:.8;text-decoration:none;transition-property:all,opacity,transform;transition-duration:var(--transition-base);transition-timing-function:ease;transition-duration:.2s}.social-links__link:hover{opacity:1;transform:translateY(-.25rem) scale(1.1)}.social-links__link:hover .social-links__label{opacity:1}.social-links__icon{width:1.25rem;height:1.25rem;stroke-width:1.5}.social-links__label{position:absolute;left:100%;margin-left:.5rem;font-size:.75rem;color:var(--text-light);opacity:0;white-space:nowrap;transition-property:opacity;transition-duration:var(--transition-base);transition-timing-function:ease}.social-links__line{width:1px;height:4rem;background:linear-gradient(180deg,#1f2937,#1f293700);margin-top:1.5rem}.resume-button{position:fixed;bottom:2rem;right:2rem;z-index:100}.resume-button__link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;border:1px solid var(--border);background:var(--bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);text-decoration:none;transition-property:all,background,border-color,box-shadow,transform;transition-duration:var(--transition-base);transition-timing-function:ease;transition-duration:.2s}.resume-button__link:hover{transform:translateY(-.25rem)}.resume-button__text{font-size:.75rem;font-weight:400;color:var(--text-muted);letter-spacing:.3px;text-transform:uppercase}.resume-button__icon-wrapper{background:var(--border-muted);border-radius:9999px;padding:4px;transition-property:background;transition-duration:var(--transition-base);transition-timing-function:ease}.resume-button__icon{width:.875rem;height:.875rem;color:var(--text-muted);transition-property:color;transition-duration:var(--transition-base);transition-timing-function:ease}.tech-stack{position:relative;padding:80px 0;display:flex;flex-direction:column}@media(max-width:1023px){.tech-stack{padding:64px 0}}@media(max-width:767px){.tech-stack{padding:48px 0}}@media(max-width:480px){.tech-stack{padding:32px 0}}.tech-stack__container{display:flex;flex-direction:column;padding-inline:24px;margin:0 auto;max-width:1152px;align-self:stretch;width:100%;gap:24px}.tech-stack__header{text-align:center;display:flex;flex-direction:column;gap:8px}.tech-stack__title{font-size:48.83px;font-weight:400;font-family:var(--font-secondary),sans-serif;color:var(--text-light);line-height:64px}@media(min-width:481px){.tech-stack__title{white-space:nowrap}}@media(max-width:767px){.tech-stack__title{font-size:40px}}.tech-stack__subtitle{color:var(--text-muted);font-weight:400;font-size:20px;line-height:32px;font-family:var(--font-family),sans-serif}.tech-stack__filters{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.tech-stack__filter{padding:8px 16px;display:flex;align-items:center;flex-direction:column;justify-content:center;border-radius:9999px;border:1px solid var(--border);background:var(--bg);font-size:14px;font-weight:400;color:var(--text-muted);line-height:20px;text-align:center;cursor:pointer;transition-property:color,border-color,background;transition-duration:var(--transition-base);transition-timing-function:ease;transition-duration:.3s}.tech-stack__filter:hover{color:var(--text-light);border-color:var(--text-light)}.tech-stack__filter--active{background:var(--bg-light);color:var(--text-light);border-color:var(--highlight)}.tech-stack__grid{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}@media(max-width:1023px){.tech-stack__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.tech-stack__grid{grid-template-columns:repeat(2,1fr)}}.tech-item{display:flex;align-items:center;padding:16px 20px;gap:12px;justify-content:start;border-radius:12px;color:var(--text-light);font-weight:500;line-height:20px;opacity:0;border:1px solid var(--border-muted);background:var(--bg-dark);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:default;translate:0 10px;transition-property:opacity,transform,border-color,box-shadow;transition-duration:var(--transition-base);transition-timing-function:ease;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tech-item.hidden{display:none}.tech-item.visible{opacity:1;transform:translateY(0)}.tech-item:hover{scale:1.02;border-color:var(--secondary-color)}.tech-item:hover .tech-item__name{color:var(--text-light)}.tech-item__icon{width:1.25rem;height:1.25rem;color:var(--text-muted)}.tech-item__name{font-size:1rem;font-weight:500;color:var(--text-muted);transition-property:color;transition-duration:var(--transition-base);transition-timing-function:ease}@keyframes drift-1{0%{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(5%,5%) scale(1.1);opacity:.4}66%{transform:translate(-5%,2%) scale(.95);opacity:.3}to{transform:translate(0) scale(1);opacity:.3}}@keyframes drift-2{0%{transform:translate(0) scale(1);opacity:.25}33%{transform:translate(-5%,-5%) scale(1.1);opacity:.35}66%{transform:translate(2%,-3%) scale(.9);opacity:.25}to{transform:translate(0) scale(1);opacity:.25}}@keyframes pulse-void{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glitch-anim-1{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch-anim-2{0%{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(2px,2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(-2px,2px)}to{transform:translate(0)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.hero{width:100%;min-height:85vh;max-width:80rem;margin:0 auto;padding:80px 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.hero__content{width:45%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero__text{display:flex;flex-direction:column;gap:1rem}.hero__title{display:block;font-size:64px;line-height:96px;font-weight:400;color:var(--text-light);font-family:var(--font-secondary),sans-serif;letter-spacing:1.2px}.hero__title-accent{color:var(--primary-color);font-family:var(--font-secondary),sans-serif;font-size:64px;line-height:96px;font-weight:400;letter-spacing:1.2px}.hero__description{font-family:var(--font-secondary),sans-serif;color:var(--text-muted);font-size:48px;line-height:72px;letter-spacing:-1.8px;font-weight:400}.hero__actions{display:flex;align-items:center;gap:1rem}.hero__button{padding:12px 32px;border-radius:8px;font-size:1rem;font-weight:500;text-decoration:none;display:flex;align-items:center;gap:4px;transition:all .3s ease}.hero__button--primary{overflow:hidden;border:1px solid rgba(255,255,255,.1);background:var(--primary-color);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(4px);color:var(--text-dark)}.hero__button--primary:hover{scale:1.1}.hero__button--secondary{color:var(--text-light);border-radius:8px;border:1px solid var(--border)}.hero__button--secondary:hover{scale:1.1}.hero__button--secondary:hover .hero__button-icon{transform:translate(.25rem)}.hero__button-text{position:relative;z-index:10;transition:color .3s ease}.hero__button-icon{width:1rem;height:1rem;transition:transform .3s ease}.hero__scene{width:55%;height:600px;position:relative;perspective:1000px;display:flex;align-items:center;justify-content:center}.tilt-wrapper{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .1s ease-out;display:flex;align-items:center;justify-content:center;transform:scale(1)}.node{position:absolute;transform-style:preserve-3d;cursor:pointer;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.node:hover{filter:drop-shadow(0 0 15px var(--node-color, var(--primary-color))) brightness(1.2);transform:scale(1.05) translateZ(10px)}.node--backend{top:50%;left:var(--node-backend-left);transform:translate(-50%,-50%);z-index:20;--node-color: var(--primary-color)}.node--cloud{top:var(--node-cloud-top);left:50%;transform:translate(-50%);animation:float 6s ease-in-out infinite;--node-color: var(--secondary-color)}.node--frontend{top:50%;left:var(--node-frontend-left);transform:translateY(-50%);animation:float 6s ease-in-out infinite;--node-color: var(--primary-color)}.node--api{top:50%;right:var(--node-api-right);transform:translateY(-50%);animation:float 6s ease-in-out infinite;--node-color: var(--secondary-color)}.node--db{bottom:var(--node-db-bottom);left:50%;transform:translate(-50%);animation:float 6s ease-in-out infinite;--node-color: var(--primary-color)}.node__glow{position:absolute;inset:0;background:rgba(from var(--node-color) r g b/.15);filter:blur(50px);border-radius:9999px;transition:background .5s ease}.node:hover .node__glow{background:rgba(from var(--node-color) r g b/.25)}.node__core{position:relative;width:6rem;height:6rem;border-radius:9999px;border:1px solid rgba(185,182,106,.5);display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 0 30px #b9b66a40;transition:transform .5s ease}.node:hover .node__core{transform:scale(1.1)}.node__inner-ring{position:absolute;inset:.5rem;border-radius:9999px;border:1px solid rgba(170,166,237,.35);animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}.node__line{position:absolute}.node__line--horizontal{width:100%;height:1px;top:50%;left:0;background:#b9b66ae6;animation:spin 20s linear infinite}.node__line--vertical{height:100%;width:1px;top:0;left:50%;background:#aaa6ede6;animation:spin 25s linear infinite reverse}.node__connector{position:absolute;width:1px}.node__connector--cloud{top:100%;left:50%;height:150px;background:#aaa6ede6;transform:translate(-50%);transform-origin:top}.node__connector--frontend{top:50%;left:100%;width:200px;height:1px;background:#b9b66ae6;transform:translateY(-50%);transform-origin:left}.node__connector--api{top:50%;right:100%;width:200px;height:1px;background:#aaa6ede6;transform:translateY(-50%);transform-origin:right}.node__connector--db{bottom:100%;left:50%;height:150px;width:1px;background:#b9b66ae6;transform:translate(-50%);transform-origin:bottom}.node__icon{position:relative;width:4rem;height:3rem;display:flex;align-items:center;justify-content:center}.node__svg{color:var(--node-color);filter:drop-shadow(0 0 8px rgba(from var(--node-color) r g b/.3))}.node__svg--full{width:100%;height:100%}.node__svg--db-bg{width:100%;height:100%;color:var(--node-color);filter:drop-shadow(0 0 8px rgba(from var(--node-color) r g b/.3))}.node__svg--db{position:absolute;width:1rem;height:1rem;color:#ffffffb3}.node__ping{position:absolute;top:100%;left:50%;width:.25rem;height:.25rem;background:var(--secondary-color);border-radius:9999px;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.node__spinner{position:relative;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;animation:spin 20s linear infinite}.node__db-icon{position:relative;width:3rem;height:4rem;display:flex;align-items:center;justify-content:center}.node__label{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;padding:.25rem .75rem;border-radius:.25rem;border:1px solid rgba(from var(--node-color) r g b/.3);background:#0009;font-size:.75rem;font-family:var(--font-secondary),sans-serif;color:var(--node-color);opacity:.8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);bottom:-2.5rem}.node__label--top{bottom:auto;top:-2rem}.node__label--bottom{bottom:-2rem}.cube-wrapper{width:3rem;height:3rem;position:relative;transform-style:preserve-3d;animation:spin 15s linear infinite}.cube-face{position:absolute;width:100%;height:100%;border:1px solid rgba(185,182,106,.3);background:#b9b66a0a;box-shadow:0 0 12px #b9b66a14 inset;backface-visibility:visible}.cube-face--front{transform:rotateY(0) translateZ(24px)}.cube-face--back{transform:rotateY(180deg) translateZ(24px)}.cube-face--right{transform:rotateY(90deg) translateZ(24px)}.cube-face--left{transform:rotateY(-90deg) translateZ(24px)}.cube-face--top{transform:rotateX(90deg) translateZ(24px)}.cube-face--bottom{transform:rotateX(-90deg) translateZ(24px)}.cube-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transform:translateZ(10px)}.cube-icon__svg{color:var(--primary-color);width:1.5rem;height:1.5rem;opacity:.8}body.has-focus .node:not(.active){opacity:.15!important;filter:blur(4px) grayscale(100%);pointer-events:none}