.glass-panel {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.4);
}
.hero-gradient {
    background: linear-gradient(135deg, #f8f9fb 0%, #eceef0 100%);
}
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.inst-brand__name {
    font-size: clamp(1.125rem, 2.2vw + 0.7rem, 2rem);
    line-height: 1.2;
    letter-spacing: -0.02em;
}
.inst-brand__mark {
    width: 1.375rem;
    height: 1.375rem;
}
@media (min-width: 768px) {
    .inst-brand__mark {
        width: 1.75rem;
        height: 1.75rem;
    }
}
@media (max-width: 767.98px) {
    .font-display-lg.text-display-lg {
        font-size: 2.5rem;
        line-height: 1.15;
    }
}
html,
body {
    touch-action: manipulation;
}