.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.pattern-overlay {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l2.5 12.5L45 15l-12.5 2.5L30 30l-2.5-12.5L15 15l12.5-2.5z' fill='%2395d3ba' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.glass-header {
    background: rgba(8, 22, 18, 0.8);
    backdrop-filter: blur(20px);
}

body {
    min-height: max(884px, 100dvh);
}