@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

body { font-family: 'Inter', sans-serif; }

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
}
@keyframes pulseGlow {
    0%, 100% { opacity: 0.2; transform: scale(1); }
    50% { opacity: 0.45; transform: scale(1.06); }
}

.animate-float { animation: float 5s ease-in-out infinite; }
.animate-glow { animation: pulseGlow 6s ease-in-out infinite; }

.glass-panel {
    background: rgba(26, 26, 26, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.interactive-card {
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.interactive-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 35px -10px rgba(200, 16, 46, 0.15);
}

.nav-link { transition: color 0.2s ease; white-space: nowrap; }
.nav-link:hover,
.nav-link[aria-current="page"] { color: #C8102E; }

.filter-btn { transition: all 0.2s ease; }
.filter-btn[aria-pressed="true"] {
    background-color: #C8102E;
    border-color: #C8102E;
    color: #ffffff;
}

.field {
    width: 100%;
    background-color: #171717;
    border: 1px solid #404040;
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    font-size: 0.75rem;
    color: #ffffff;
}
.field::placeholder { color: #737373; }
.field:focus { outline: none; box-shadow: 0 0 0 2px #C8102E; }