@font-face {
    font-family: 'Myriad';
    src: url('../fonts/MyriadPro-Regular.otf') format('opentype');
    font-weight: 400 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad';
    src: url('../fonts/Myriad Bold.ttf') format('truetype');
    font-weight: 700 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Condensed';
    src: url('../fonts/MyriadPro-Cond.otf') format('opentype');
    font-weight: 400 900;
    font-style: normal;
    font-display: swap;
}

.glass {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
}

.tab-active {
    border-bottom: 3px solid #293A61;
    color: #293A61;
}

.subtab-active {
    background-color: #293A61;
    color: white;
    box-shadow: 0 4px 12px rgba(41, 58, 97, 0.2);
}