@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');
.site-header{border-bottom:2px solid rgba(76,245,255,.55);box-shadow:0 8px 32px rgba(0,0,0,.45),0 1px 20px rgba(76,245,255,.14)}
.visual-brand{align-items:center;display:flex;gap:.65rem;isolation:isolate;overflow:visible;position:relative}
.brand-wordmark{animation:wordmark-sweep 5.6s ease-in-out infinite;background:linear-gradient(105deg,#fff 0%,#fff 39%,#4cf5ff 46%,#fff 50%,#ff71d1 54%,#fff 61%,#fff 100%);background-clip:text;background-size:250% 100%;-webkit-background-clip:text;color:transparent;display:block;font-family:Michroma,Orbitron,Eurostile,system-ui,sans-serif;font-size:1.3rem;font-weight:400;letter-spacing:.055em;line-height:1;white-space:nowrap}
.brand-wordmark em{font-style:normal}
.brand-tesseract{background-image:url("/cl-assets/images/tesseract-originale.png");background-position:50% 50%;background-repeat:no-repeat;background-size:175px auto;height:58px;width:58px;z-index:1}
.navlinks a{background:linear-gradient(135deg,rgba(10,13,25,.96),rgba(11,15,29,.82)) padding-box,linear-gradient(105deg,#4cf5ff,#638eff,#9a55ff,#f64ac9,#ff9d37) border-box;border:2px solid transparent;border-radius:10px;box-shadow:inset 0 0 14px rgba(76,245,255,.12),0 0 12px rgba(76,245,255,.16);color:#fff!important;font-size:24px;letter-spacing:.04em;padding:.5rem .75rem;text-shadow:0 1px 5px #000;transition:transform .2s,box-shadow .2s,border-color .2s}.navlinks a:hover,.navlinks a:focus{box-shadow:0 0 22px rgba(255,71,200,.62),0 0 30px rgba(76,245,255,.3),inset 0 0 16px rgba(76,245,255,.22);color:#fff!important;transform:translateY(-3px)}
.button{border-width:2px;border-radius:12px;font-size:24px;letter-spacing:.08em;min-width:160px;padding:.75rem 1.1rem;text-align:center}
.button:hover,.button:focus{box-shadow:0 0 25px rgba(76,245,255,.8),0 0 44px rgba(255,71,200,.35)}
@keyframes wordmark-sweep{0%,18%{background-position:100% 0;filter:drop-shadow(0 0 2px #fff5)}48%{background-position:0 0;filter:drop-shadow(0 0 8px #4cf5ff) drop-shadow(0 0 14px #ff47c899)}100%{background-position:0 0;filter:drop-shadow(0 0 2px #fff5)}}
@media(max-width:800px){.site-header{position:sticky}.nav{align-items:center;flex-wrap:wrap;gap:.55rem;padding:.65rem 0 .8rem}.visual-brand{gap:.5rem;margin-right:auto}.brand-wordmark{font-size:24px;letter-spacing:.035em}.brand-tesseract{background-size:145px auto;height:48px;width:48px}.navlinks{display:flex;flex-basis:100%;gap:.5rem;justify-content:space-between;order:3}.navlinks a{font-size:24px;letter-spacing:.03em;padding:.45rem .6rem}.button{font-size:24px;min-width:0;padding:.68rem .85rem}}
@media(max-width:520px){.shell{padding-left:.85rem;padding-right:.85rem}.brand-wordmark{font-size:16px;letter-spacing:.02em}.brand-tesseract{background-size:118px auto;height:39px;width:39px}.navlinks{display:grid;grid-template-columns:repeat(3,1fr);justify-content:stretch}.navlinks a{font-size:15px;padding:.45rem .25rem;text-align:center}.button{font-size:16px;padding:.58rem .65rem}}
.site-header .nav{display:grid;grid-template-columns:1fr;gap:.65rem;padding-bottom:.75rem;padding-top:.75rem}
.visual-brand{grid-column:1;grid-row:1;justify-self:center;margin-left:auto;margin-right:auto}
.brand-wordmark{font-size:30px}
.brand-tesseract{background-position:50% 51%;background-size:218px auto;clip-path:none;height:76px;margin-left:0;transform:translateX(8px);width:76px}
.site-header .button{align-items:center;display:inline-flex;gap:.42rem;font-size:18px;min-width:0;padding:.62rem .88rem}
.site-header .navlinks{display:flex;flex:none;gap:.6rem;grid-column:1;grid-row:2;justify-content:center;order:initial}
.site-header .navlinks a{align-items:center;display:flex;font-size:18px;gap:.42rem;justify-content:center;padding:.44rem .55rem;white-space:nowrap}
.nav-icon{display:inline-flex;flex:0 0 25px;height:25px;width:25px}.nav-icon svg{height:100%;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;fill:none;width:100%}.button .nav-icon{flex-basis:22px;height:22px;width:22px}
@media(max-width:800px){.brand-wordmark{font-size:24px}.brand-tesseract{background-size:166px auto;height:58px;transform:translateX(5px);width:58px}.site-header .button{font-size:17px;padding:.58rem .72rem}}
@media(max-width:520px){.site-header .nav{gap:.45rem;padding-bottom:.55rem;padding-top:.55rem}.brand-wordmark{font-size:18px}.brand-tesseract{background-size:138px auto;clip-path:none;height:48px;margin-left:0;transform:translateX(4px);width:48px}.site-header .button{font-size:14px;padding:.52rem .58rem}.site-header .navlinks{flex-wrap:wrap;gap:.45rem;justify-content:center}.site-header .navlinks a{font-size:14px;grid-column:auto;padding:.48rem .5rem}.nav-icon{flex-basis:17px;height:17px;width:17px}}
.brand-tesseract{background-image:url("/cl-assets/images/tesseract-logo.png");background-position:center;background-size:contain!important}
.site-header .navlinks .account-button{border-color:transparent;box-shadow:0 0 17px rgba(76,245,255,.22),inset 0 0 12px rgba(76,245,255,.09);color:#fff!important}
@media(max-width:700px){.site-header .nav{grid-template-columns:1fr}.site-header .visual-brand{grid-column:1;grid-row:1;max-width:none}.site-header .brand-wordmark{font-size:clamp(14px,4.4vw,20px);white-space:nowrap}.site-header .brand-tesseract{height:42px;width:42px}.site-header .navlinks{grid-column:1;grid-row:2}.site-header .navlinks .account-button{min-width:0}}
.site-header .navlinks a,.site-header .navlinks .account-button{background:#171b29!important;border:2px solid rgba(255,255,255,.94)!important;box-shadow:0 0 8px rgba(255,255,255,.15)!important}
.site-header .navlinks a>span:not(.nav-icon){background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}
.site-header .navlinks a:hover,.site-header .navlinks a:focus{border-color:#fff!important;box-shadow:0 0 15px rgba(255,255,255,.46),0 0 20px rgba(76,245,255,.18)!important}
.nav-icon svg{stroke-linecap:round;stroke-linejoin:round;stroke-width:2;fill:none}
.brand-tesseract{background:none!important;display:block;flex:0 0 auto;object-fit:contain;padding:3px;transform:none!important}