body {
    font-family: 'Inter', sans-serif;
}
.form-input:focus {
    outline: none;
    box-shadow: 0 0 0 2px #3b82f6;
}
.menu-button {
    transition: transform 0.2s, box-shadow 0.2s;
}
.menu-button:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
/* Ensure all views take up the same space to avoid layout shifts */
.view {
    width: 100%;
}