@font-face { font-family:Poppins; src:url('/brand/Poppins-SemiBold.ttf') format('truetype'); font-weight:600; font-display:swap; }
@font-face { font-family:Inter; src:url('/brand/Inter-Variable.ttf') format('truetype'); font-weight:100 900; font-display:swap; }
.global-sidebar { align-items:center; background:rgba(11,19,32,.56); border-right:1px solid rgba(110,231,214,.14); display:flex; flex:0 0 75px; flex-direction:column; height:100vh; padding:25px 0; position:relative; z-index:20; }
.global-nav-group { align-items:center; display:flex; flex-direction:column; gap:19px; }
.global-nav-bottom { margin-top:auto; }
.global-monogram, .global-icon-button { align-items:center; background:transparent; border:0; border-radius:50%; color:rgba(255,255,255,.48); display:flex; font-family:"Courier New",Courier,monospace; font-size:1.15rem; height:40px; justify-content:center; position:relative; transition:background .2s,color .2s,transform .2s; width:40px; }
.global-monogram { background:#06101b; border:1px solid rgba(110,231,214,.5); border-radius:11px; box-shadow:0 9px 25px rgba(0,191,165,.2); color:#f7fffd; height:44px; margin:8px 0 29px; overflow:hidden; padding:0; width:56px; }
.global-monogram img { display:block; height:100%; object-fit:cover; object-position:center; width:100%; }
.global-monogram:hover, .global-monogram:focus-visible { background:linear-gradient(145deg,#19d8c0,#0e2532); color:#fff; outline:0; transform:scale(1.05); }
.global-icon-button:hover, .global-icon-button:focus-visible { background:rgba(110,231,214,.1); color:#6ee7d6; outline:0; transform:scale(1.05); }
.global-sidebar [data-tip]::after { background:#121212; border:1px solid rgba(255,255,255,.16); border-radius:4px; color:#fff; content:attr(data-tip); font-family:"Courier New",Courier,monospace; font-size:.68rem; left:64px; letter-spacing:.08em; opacity:0; padding:6px 9px; pointer-events:none; position:absolute; top:50%; transform:translate(0,-50%); transition:opacity .16s,transform .16s; white-space:nowrap; z-index:30; }
.global-sidebar [data-tip]:hover::after { opacity:1; transform:translate(5px,-50%); }
.global-dialog { background:#121212; border:1px solid rgba(255,255,255,.17); border-radius:10px; box-shadow:0 28px 70px rgba(0,0,0,.7); color:#fff; font-family:"Courier New",Courier,monospace; max-width:510px; padding:31px; width:min(90vw,510px); }
.global-dialog::backdrop { background:rgba(0,0,0,.82); backdrop-filter:blur(8px); }
.global-dialog h2 { font-size:1rem; letter-spacing:.16em; margin:0 0 15px; }
.global-dialog p { color:rgba(255,255,255,.58); font-size:.78rem; line-height:1.7; margin:0 0 18px; }
.global-dialog .dialog-close { background:transparent; border:0; color:rgba(255,255,255,.58); cursor:pointer; font-family:inherit; font-size:1.7rem; position:absolute; right:15px; top:10px; }
.global-dialog .dialog-close:hover,.global-dialog .dialog-close:focus-visible { color:#fff; outline:0; }
.global-dialog .email-link { color:#fff; font-size:.95rem; letter-spacing:.04em; }
.global-dialog .email-link:hover,.global-dialog .email-link:focus-visible { color:#cfcfcf; outline:0; }
@media (max-width:700px) { .global-sidebar { background:rgba(11,19,32,.94); border-bottom:1px solid rgba(110,231,214,.14); border-right:0; flex:0 0 auto; flex-direction:row; height:58px; justify-content:space-between; padding:8px 13px; width:100%; } .global-nav-group { flex-direction:row; gap:8px; } .global-nav-bottom { margin:0; } .global-monogram { height:34px; margin:0; width:52px; } .global-icon-button { height:34px; width:34px; } .global-sidebar [data-tip]::after { display:none; } }