@font-face{font-family:Display;src:url('/assets/bebas.woff2') format('woff2');font-display:swap}
:root{--site-header-height:112px;--site-header-pad:4%}
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}
.site-skip{position:fixed;left:16px;top:-100px;z-index:100;background:#f1e8fa;color:#100a18;padding:12px}.site-skip:focus{top:12px}
.site-header{position:relative;z-index:40;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:24px;width:100%;height:var(--site-header-height);min-height:var(--site-header-height);max-width:none;margin:0;padding:0 var(--site-header-pad);border:0;border-bottom:1px solid #e2c9ff21;background:transparent;color:#f1e8fa;font:600 16px/1.3 'Segoe UI',Arial,sans-serif;letter-spacing:normal;text-transform:none}
.site-header *{box-sizing:border-box}
.site-header a{color:#f1e8fa;text-decoration:none;font:inherit;letter-spacing:normal}
.site-header__brand{display:block!important;position:relative;flex:0 0 230px;width:230px;height:78px;margin:0;padding:0;border:0;background:none;isolation:isolate}
.site-header__type{position:absolute;z-index:2;max-width:none;width:230px;height:115px;left:0;top:-28px;object-fit:contain;filter:drop-shadow(0 3px 5px #030006b3)}
.site-header__magic{position:absolute;display:block;z-index:1;width:250px;height:112px;left:-10px;top:-15px;opacity:.8}
.site-header__magic>img,.site-header__magic>canvas{position:absolute;width:100%;height:100%;inset:0;max-width:none}
.site-header__magic>canvas{opacity:0}.site-header__magic.surface-ready>canvas{opacity:1}.site-header__magic.surface-ready>img{opacity:0}
.site-header__nav{display:flex;align-items:center;flex-shrink:0;gap:10px;margin:0 auto 0 6px;padding:0;font:inherit}
.site-header__nav>a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 14px;border:1px solid #c9a1ee3d;background:linear-gradient(130deg,#b186d415,#3c1b4d12);font:600 16px/1.3 'Segoe UI',Arial,sans-serif;letter-spacing:.1px;white-space:nowrap;color:#f1e8fa;box-shadow:inset 0 1px #f1d8ff08;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s;overflow:hidden}
.site-header__nav>a:after{content:'';position:absolute;left:-70%;bottom:0;width:65%;height:2px;background:linear-gradient(90deg,transparent,#edd0ff,transparent);transition:left .55s;pointer-events:none}
.site-header__nav>a:is(:hover,:focus-visible){transform:translateY(-2px);border-color:#d8aff598;background-color:#9d6eb82e;box-shadow:0 8px 25px #b47bd329,inset 0 0 16px #b98bd815}
.site-header__nav>a:is(:hover,:focus-visible):after{left:110%}
.site-header__nav>a[aria-current=page]{border-color:#c9a1ee80}
.site-header__actions{display:flex;align-items:center;gap:18px;flex-shrink:0;margin:0 0 0 auto;padding:0}
.site-header .site-header__menu{font:600 13px/1.3 'Segoe UI',Arial,sans-serif;background:none;color:#c8b9d5;border:0;border-radius:0;margin:0;padding:10px 0;min-height:44px;cursor:pointer}
.site-header__status{--status-dot:#a899b4;display:inline-flex;align-items:center;gap:7px;color:#e0d4e8;font-size:13px;line-height:1.2;white-space:nowrap}
.site-header__status:before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--status-dot)}
.site-header__status[data-state=online]{--status-dot:#69eb9c}.site-header__status[data-state=online]:before{box-shadow:0 0 9px #69eb9c90}
.site-header__status[data-state=offline]{--status-dot:#f28e9b}.site-header__status[data-state=maintenance]{--status-dot:#f4c276}
.site-header__account{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:100px;max-width:180px;margin:0;padding:10px 17px;border:1px solid #c9a1ee3d;background:#120c1b66;color:#f1e8fa;white-space:nowrap;font:600 13px/1.3 'Segoe UI',Arial,sans-serif!important}
.site-header .site-header__menu{display:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:36px;flex-shrink:0}
.site-header .site-header__menu>span{width:24px;height:2px;background:#cfadea}
.site-header .site-header__menu[aria-expanded=true]>span:first-child{transform:translateY(4px) rotate(45deg)}.site-header .site-header__menu[aria-expanded=true]>span:last-child{transform:translateY(-4px) rotate(-45deg)}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid #d3a6f5;outline-offset:5px}
.site-header [hidden]{display:none!important}
#page-root{isolation:isolate;min-width:0}
#page-root[data-route-entering]{opacity:0;pointer-events:none}
.shell-home #page-root{margin-top:calc(-1 * var(--site-header-height))}
body.motion-off .site-header__nav>a,body.motion-off .site-header__nav>a:after{transition:none;transform:none}
@media(max-width:1150px){.site-header .site-header__menu{display:flex}.site-header__nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:16px 4%;background:#100a1dfc;border-bottom:1px solid #c9a1ee3d;flex-direction:column;align-items:stretch}.site-header__nav.is-open{display:flex}.site-header__nav>a{justify-content:flex-start}}
@media(max-width:1050px){.site-header__brand{flex-basis:200px;width:200px}.site-header__type{width:200px;height:100px;top:-19px}.site-header__magic{width:220px;height:99px;top:-9px}}
@media(max-width:600px){:root{--site-header-height:90px;--site-header-pad:18px}.site-header{gap:10px}.site-header__brand{flex-basis:150px;width:150px;height:58px}.site-header__type{width:150px;height:75px;top:-16px}.site-header__magic{width:170px;height:76px;left:-10px;top:-6px}.site-header__actions{gap:10px}.site-header__account{min-width:0;padding:9px 12px}.site-header__status{font-size:12px;white-space:normal;max-width:88px}.site-header__nav>a{font-size:13px}}
@media(max-width:380px){:root{--site-header-pad:16px}.site-header{gap:8px}.site-header__brand{flex-basis:118px;width:118px;height:50px}.site-header__type{width:125px;height:62px;top:-11px;left:-3px}.site-header__magic{width:145px;height:65px;left:-13px;top:-7px}.site-header__actions{gap:6px}.site-header__account{padding-inline:9px}.site-header__status{max-width:76px;gap:5px}.site-header .site-header__menu{width:30px}}
@media(prefers-reduced-motion:reduce){.site-header__nav>a,.site-header__nav>a:after{transition:none;transform:none}}
