:root {
    color-scheme: light;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background-color: #f1f5f9;
    color: #0f172a;
}

a {
    color: inherit;
}

a:hover {
    text-decoration: none;
}

.fade-in {
    animation: fade-in 0.6s ease forwards;
    opacity: 0;
}

@keyframes fade-in {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

.glass {
    backdrop-filter: blur(18px);
    background-color: rgba(255, 255, 255, 0.88);
}

.brand-pill {
    background: linear-gradient(90deg, #1E64F0 0%, #3B82F6 100%);
}

.shadow-soft {
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.18);
}

.mobile-bottom-nav {
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 0.5rem);
    backdrop-filter: blur(12px);
}

body.nav-open {
    overflow: hidden;
}