.logo{font-family:var(--font-display);cursor:default;-webkit-user-select:none;user-select:none;align-items:baseline;gap:0;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.logo__x{background:linear-gradient(135deg,#1d9bf0 0%,#4fc3f7 50%,#81d4fa 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:700;display:inline-block;position:relative}.logo__gram{background:linear-gradient(135deg,#e8e8ed 0%,#c8c8d0 50%,#a8a8b8 100%);-webkit-text-fill-color:transparent;letter-spacing:-.01em;-webkit-background-clip:text;background-clip:text;font-weight:700;transition:all .3s;display:inline-block}.logo:hover .logo__gram{background:linear-gradient(135deg,#f0f0f5 0%,#d0d0dc 50%,#b8b8c4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo--sm,.logo--sm .logo__x,.logo--sm .logo__gram{font-size:1.25rem}.logo--md,.logo--md .logo__x,.logo--md .logo__gram{font-size:1.5rem}.logo--lg{font-size:2.5rem}.logo--lg .logo__x{background:linear-gradient(135deg,#1d9bf0 0%,#4fc3f7 50%,#81d4fa 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #1d9bf04d);-webkit-background-clip:text;background-clip:text;font-size:2.5rem}.logo--lg .logo__gram{background:linear-gradient(135deg,#e8e8ed 0%,#c8c8d0 50%,#a8a8b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem}.logo--xl{font-size:3.5rem}.logo--xl .logo__x{background:linear-gradient(135deg,#1d9bf0 0%,#4fc3f7 50%,#81d4fa 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #1d9bf066);-webkit-background-clip:text;background-clip:text;font-size:3.5rem}.logo--xl .logo__gram{background:linear-gradient(135deg,#e8e8ed 0%,#c8c8d0 50%,#a8a8b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.5rem}.logo--xxl{font-size:5rem}.logo--xxl .logo__x{background:linear-gradient(135deg,#1d9bf0 0%,#4fc3f7 50%,#81d4fa 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #1d9bf080);-webkit-background-clip:text;background-clip:text;font-size:5rem}.logo--xxl .logo__gram{background:linear-gradient(135deg,#e8e8ed 0%,#c8c8d0 50%,#a8a8b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:5rem}.logo--animated .logo__x,.logo--animated .logo__gram{background-size:200% 200%;animation:3s ease-in-out infinite logoGradientShift}@keyframes logoGradientShift{0%,to{background-position:0%}50%{background-position:100%}}.logo--link{cursor:pointer;transition:transform .2s,opacity .2s}.logo--link:hover{opacity:.9;transform:scale(1.02)}.logo--link:active{transform:scale(.98)}.logo-loading{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.logo-loading__dots{justify-content:center;gap:.5rem;display:flex}.logo-loading__dot{background:linear-gradient(135deg,#1d9bf0 0%,#81d4fa 100%);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite logoDotPulse}.logo-loading__dot:nth-child(2){animation-delay:.2s}.logo-loading__dot:nth-child(3){animation-delay:.4s}@keyframes logoDotPulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.logo__subtitle{color:var(--text-muted);letter-spacing:.3em;text-transform:uppercase;margin-top:.5em;font-size:.35em;font-weight:500;display:block}