/* Global "Kinetic" Theme Styles */

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}
.glass-panel {
    background: rgba(225, 227, 228, 0.6);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}
.glass-nav {
    backdrop-filter: blur(24px);
}
.neon-glow {
    box-shadow: 0 0 15px -3px rgba(0, 91, 193, 0.3);
}
.kinetic-gradient {
    background: linear-gradient(135deg, #005bc1 0%, #bcd0ff 100%);
}
.no-line-border, .no-line-transition {
    border: none !important;
}
.ghost-border {
    border: 1px solid rgba(186, 201, 204, 0.2);
}
.machined-text, .text-machined {
    letter-spacing: -0.04em;
}
.hud-active {
    position: relative;
}
.hud-active::before {
    content: '';
    position: absolute;
    top: -0.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 2rem;
    height: 2px;
    background-color: #005bc1;
}

/* Home Page specific clip paths */
.triple-split-mask {
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}
.triple-split-mask-mid {
    clip-path: polygon(15% 0, 100% 0, 85% 100%, 0% 100%);
}
.triple-split-mask-end {
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
}