body { font-family: 'Inter', sans-serif; }
    ::-webkit-scrollbar { width: 8px; }
    ::-webkit-scrollbar-track { background: #f1f1f1; }
    ::-webkit-scrollbar-thumb { background: #888; border-radius: 4px; }
    ::-webkit-scrollbar-thumb:hover { background: #555; }
    
    .glass-panel { background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2); }
    .glass-circle { border-radius: 50%; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.3); aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2.5rem; box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2); transition: transform 0.3s ease; }
    .glass-circle:hover { transform: scale(1.05); }
    
    .bg-gradient-home { background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%, #bfdbfe 100%); }
    .bg-gradient-cd { background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 50%, #bfdbfe 100%); }
    
    .ems-text-glow { text-shadow: 0 2px 10px rgba(0,0,0,0.9), 0 1px 3px rgba(0,0,0,0.7); }
    
    .marquee-container { overflow: hidden; white-space: nowrap; position: relative; width: 100%; background: rgba(255,255,255,0.7); padding: 1rem 0; }
    .marquee-content { display: inline-block; animation: marquee 25s linear infinite; }
    .marquee-content:hover { animation-play-state: paused; }
    @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }