@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
    .glass-effect {
        backdrop-filter: blur(12px);
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.2);
    }
}

<!-- style.css -->
.logo-wrapper {
    display: inline-flex;
    align-items: center;
}

.brand-logo {
    height: 32px;
    width: auto;
    object-fit: contain;
}